/* css reset*/
    
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:not([href]) {
    color: inherit;
    text-decoration: none
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

 :focus {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}
/*!
* Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,
 ::after,
 ::before {
    box-sizing: inherit
}

.div.coverr:hover {
    opacity: 1;
    transition: all 0.3s linear;
}

.dt-sc-university-grayscale-image img {
    opacity: 0.2;
}

figure.wpb_wrapper.vc_figure {
    opacity: 1;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

figure.wpb_wrapper.vc_figure:hover {
    opacity: 1;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

div.coverr {
    margin: 15px 0;
    text-align: center;
}

div.coverr::before {
    content: ' ';
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background-color: grey;
}

.wpb_single_image .vc_single_image-wrapper {}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1440px;
        z-index: 20;
        position: relative
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-prefer#89CFF0-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.row-cols-4>* {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-prefer#89CFF0-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-prefer#89CFF0-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-prefer#89CFF0-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-prefer#89CFF0-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-table {
        display: table!important
    }
    .d-sm-table-row {
        display: table-row!important
    }
    .d-sm-table-cell {
        display: table-cell!important
    }
    .d-sm-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-table {
        display: table!important
    }
    .d-md-table-row {
        display: table-row!important
    }
    .d-md-table-cell {
        display: table-cell!important
    }
    .d-md-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-table {
        display: table!important
    }
    .d-lg-table-row {
        display: table-row!important
    }
    .d-lg-table-cell {
        display: table-cell!important
    }
    .d-lg-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none!important
    }
    .d-xl-inline {
        display: inline!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-table {
        display: table!important
    }
    .d-xl-table-row {
        display: table-row!important
    }
    .d-xl-table-cell {
        display: table-cell!important
    }
    .d-xl-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }
    .d-print-inline {
        display: inline!important
    }
    .d-print-inline-block {
        display: inline-block!important
    }
    .d-print-block {
        display: block!important
    }
    .d-print-table {
        display: table!important
    }
    .d-print-table-row {
        display: table-row!important
    }
    .d-print-table-cell {
        display: table-cell!important
    }
    .d-print-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.flex-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-grow-0 {
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media (min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-sm-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-sm-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-sm-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-sm-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-sm-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-sm-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-md-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-md-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-md-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-md-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-md-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-md-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-lg-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-lg-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-lg-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-lg-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-lg-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-lg-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-xl-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-xl-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-xl-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-xl-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-xl-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-xl-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}
/* mmenu */

 :root {
    --mm-line-height: 20px;
    --mm-listitem-size: 44px;
    --mm-navbar-size: 44px;
    --mm-offset-top: 0;
    --mm-offset-right: 0;
    --mm-offset-bottom: 0;
    --mm-offset-left: 0;
    --mm-color-border: rgba(0, 0, 0, 0.1);
    --mm-color-button: rgba(0, 0, 0, 0.3);
    --mm-color-text: rgba(0, 0, 0, 0.75);
    --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
    --mm-color-background: #f3f3f3;
    --mm-color-background-highlight: rgba(0, 0, 0, 0.05);
    --mm-color-background-emphasis: rgba(255, 255, 255, 0.4);
    --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.mm-hidden {
    display: none!important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu {
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    line-height: var(--mm-line-height);
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    position: absolute;
    top: var(--mm-offset-top);
    right: var(--mm-offset-right);
    bottom: var(--mm-offset-bottom);
    left: var(--mm-offset-left);
    z-index: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mm-menu a,
.mm-menu a:active,
.mm-menu a:hover,
.mm-menu a:link,
.mm-menu a:visited {
    color: inherit;
    text-decoration: none;
    font-size: 16px
}

[dir=rtl] .mm-menu {
    direction: rtl
}

.mm-panel {
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    width: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.mm-panel:not(.mm-hidden) {
    display: block
}

.mm-panel:after {
    content: '';
    display: block;
    height: 20px
}

.mm-panel_opened {
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-panel_opened-parent {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.mm-panel_highest {
    z-index: 2
}

.mm-panel_noanimation {
    -webkit-transition: none!important;
    transition: none!important
}

.mm-panel_noanimation.mm-panel_opened-parent {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-panel__content {
    padding: 20px
}

.mm-panels {
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    position: relative;
    height: 100%;
    -webkit-box-flex: 1;
    flex-grow: 1;
    overflow: hidden
}

.mm-panels>.mm-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

[dir=rtl] .mm-panel:not(.mm-panel_opened) {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

[dir=rtl] .mm-panel.mm-panel_opened-parent {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

.mm-listitem_vertical>.mm-panel {
    -webkit-transform: none!important;
    transform: none!important;
    display: none;
    width: 100%;
    padding: 10px 0 10px 10px
}

.mm-listitem_vertical>.mm-panel:after,
.mm-listitem_vertical>.mm-panel:before {
    content: none;
    display: none
}

.mm-listitem_opened>.mm-panel {
    display: block
}

.mm-listitem_vertical>.mm-listitem__btn {
    height: 44px;
    height: var(--mm-listitem-size);
    bottom: auto
}

.mm-listitem_vertical .mm-listitem:last-child:after {
    border-color: transparent
}

.mm-listitem_opened>.mm-listitem__btn:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 19px
}

.mm-btn {
    box-sizing: border-box;
    width: 44px;
    flex-shrink: 0;
    padding: 0
}

.mm-btn:after,
.mm-btn:before {
    border-color: var(--mm-color-button);
    border-width: 2px;
    border-style: solid
}

.mm-btn_next:after,
.mm-btn_prev:before {
    content: '';
    border-bottom: none;
    border-right: none;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0
}

.mm-btn_prev:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

.mm-btn_next:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

.mm-btn_close:after,
.mm-btn_close:before {
    content: '';
    box-sizing: content-box;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-btn_close:before {
    border-right: none;
    border-bottom: none;
    right: 18px
}

.mm-btn_close:after {
    border-left: none;
    border-top: none;
    right: 25px
}

[dir=rtl] .mm-btn_next:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

[dir=rtl] .mm-btn_prev:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

[dir=rtl] .mm-btn_close:after,
[dir=rtl] .mm-btn_close:before {
    right: auto
}

[dir=rtl] .mm-btn_close:before {
    left: 25px
}

[dir=rtl] .mm-btn_close:after {
    left: 18px
}

.mm-navbar {
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text-dimmed);
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: -webkit-box;
    display: flex;
    height: var(--mm-navbar-size);
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-navbar>* {
    box-sizing: border-box;
    display: block;
    padding: calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5);
    padding-left: 0;
    padding-right: 0
}

.mm-navbar a,
.mm-navbar a:hover {
    text-decoration: none
}

.mm-navbar__title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%
}

.mm-navbar__btn {
    position: relative
}

.mm-navbar__btn:first-child {
    text-align: left
}

.mm-navbar__btn:last-child {
    text-align: right
}

[dir=rtl] .mm-navbar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

[dir=rtl] .mm-navbar__btn:first-child {
    text-align: right
}

[dir=rtl] .mm-navbar__btn:last-child {
    text-align: left
}

.mm-listview {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listitem {
    color: var(--mm-color-text);
    border-color: var(--mm-color-border);
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.mm-listitem:after {
    content: '';
    border-color: inherit;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 0
}

.mm-listitem a,
.mm-listitem a:hover {
    text-decoration: none
}

.mm-listitem__btn,
.mm-listitem__text {
    color: inherit;
    display: block;
    padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);
    padding-left: 0;
    padding-right: 0
}

.mm-listitem__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 10px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-basis: 10%
}

.mm-listitem__btn {
    -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
    tap-highlight-color: var(--mm-color-background-emphasis);
    background: rgba(3, 2, 1, 0);
    border-color: inherit;
    width: auto;
    padding-right: 54px;
    position: relative
}

.mm-listitem__btn:not(.mm-listitem__text) {
    border-left-width: 1px;
    border-left-style: solid
}

.mm-listitem_selected>.mm-listitem__text {
    background: var(--mm-color-background-emphasis)
}

.mm-listitem_opened>.mm-listitem__btn,
.mm-listitem_opened>.mm-panel {
    background: var(--mm-color-background-highlight)
}

[dir=rtl] .mm-listitem:after {
    left: 0;
    right: 20px
}

[dir=rtl] .mm-listitem__text {
    padding-left: 10px;
    padding-right: 20px
}

[dir=rtl] .mm-listitem__btn {
    padding-left: 54px;
    border-left-width: 0;
    border-left-style: none
}

[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text) {
    padding-right: 0;
    border-right-width: 1px;
    border-right-style: solid
}

.mm-page {
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    z-index: 1
}

.mm-wrapper_opened {
    overflow-x: hidden;
    position: relative
}

.mm-wrapper_background .mm-page {
    background: inherit
}

.mm-menu_offcanvas {
    position: fixed;
    right: auto;
    z-index: 0
}

.mm-menu_offcanvas:not(.mm-menu_opened) {
    display: none
}

.mm-menu_offcanvas {
    width: 80%;
    min-width: 240px;
    max-width: 440px
}

.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width:550px) {
    .mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout {
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

.mm-wrapper__blocker {
    background: rgba(3, 2, 1, 0);
    overflow: hidden;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.mm-wrapper_blocking {
    overflow: hidden
}

.mm-wrapper_blocking body {
    overflow: hidden
}

.mm-wrapper_blocking .mm-wrapper__blocker {
    display: block
}

.mm-sronly {
    border: 0!important;
    clip: rect(1px, 1px, 1px, 1px)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    white-space: nowrap!important;
    width: 1px!important;
    min-width: 1px!important;
    height: 1px!important;
    min-height: 1px!important;
    padding: 0!important;
    overflow: hidden!important;
    position: absolute!important
}

.mm-menu_autoheight {
    -webkit-transition: none .4s ease;
    transition: none .4s ease;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.mm-menu_autoheight:not(.mm-menu_offcanvas) {
    position: relative
}

.mm-menu_autoheight.mm-menu_position-bottom,
.mm-menu_autoheight.mm-menu_position-top {
    max-height: 80%
}

.mm-menu_autoheight-measuring .mm-panel {
    display: block!important
}

.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel {
    display: none!important
}

.mm-menu_autoheight-measuring .mm-panels>.mm-panel {
    bottom: auto!important;
    height: auto!important
}

[class*=mm-menu_columns-] {
    -webkit-transition-property: width;
    transition-property: width
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel {
    right: auto;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: width, transform;
    transition-property: width, transform, -webkit-transform
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,
[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent {
    display: block!important
}

[class*=mm-panel_columns-] {
    border-right: 1px solid;
    border-color: inherit
}

.mm-menu_columns-1 .mm-panel_columns-0,
.mm-menu_columns-2 .mm-panel_columns-1,
.mm-menu_columns-3 .mm-panel_columns-2,
.mm-menu_columns-4 .mm-panel_columns-3 {
    border-right: none
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_columns-0 .mm-panels>.mm-panel {
    z-index: 0
}

.mm-menu_columns-0 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu_columns-0 {
    width: 80%;
    min-width: 240px;
    max-width: 0
}

.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-0~.mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width:0px) {
    .mm-wrapper_opening .mm-menu_columns-0~.mm-slideout {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width:0px) {
    .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1 {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu_columns-1 .mm-panels>.mm-panel {
    z-index: 1;
    width: 100%
}

.mm-menu_columns-1 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.mm-menu_columns-1 {
    width: 80%;
    min-width: 240px;
    max-width: 440px
}

.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-1~.mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width:550px) {
    .mm-wrapper_opening .mm-menu_columns-1~.mm-slideout {
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width:550px) {
    .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2 {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.mm-menu_columns-2 .mm-panels>.mm-panel {
    z-index: 2;
    width: 50%
}

.mm-menu_columns-2 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.mm-menu_columns-2 {
    width: 80%;
    min-width: 240px;
    max-width: 880px
}

.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-2~.mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width:1100px) {
    .mm-wrapper_opening .mm-menu_columns-2~.mm-slideout {
        -webkit-transform: translate3d(880px, 0, 0);
        transform: translate3d(880px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width:1100px) {
    .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-880px, 0, 0);
        transform: translate3d(-880px, 0, 0)
    }
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3 {
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.mm-menu_columns-3 .mm-panels>.mm-panel {
    z-index: 3;
    width: 33.34%
}

.mm-menu_columns-3 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.mm-menu_columns-3 {
    width: 80%;
    min-width: 240px;
    max-width: 1320px
}

.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-3~.mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width:1650px) {
    .mm-wrapper_opening .mm-menu_columns-3~.mm-slideout {
        -webkit-transform: translate3d(1320px, 0, 0);
        transform: translate3d(1320px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width:1650px) {
    .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-1320px, 0, 0);
        transform: translate3d(-1320px, 0, 0)
    }
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4 {
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.mm-menu_columns-4 .mm-panels>.mm-panel {
    z-index: 4;
    width: 25%
}

.mm-menu_columns-4 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(500%, 0, 0);
    transform: translate3d(500%, 0, 0)
}

.mm-menu_columns-4 {
    width: 80%;
    min-width: 240px;
    max-width: 1760px
}

.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-4~.mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width:2200px) {
    .mm-wrapper_opening .mm-menu_columns-4~.mm-slideout {
        -webkit-transform: translate3d(1760px, 0, 0);
        transform: translate3d(1760px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width:2200px) {
    .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-1760px, 0, 0);
        transform: translate3d(-1760px, 0, 0)
    }
}

[class*=mm-menu_columns-].mm-menu_position-bottom,
[class*=mm-menu_columns-].mm-menu_position-top {
    width: 100%;
    max-width: 100%;
    min-width: 100%
}

.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front {
    -webkit-transition-property: width, min-width, max-width, -webkit-transform;
    transition-property: width, min-width, max-width, -webkit-transform;
    transition-property: width, min-width, max-width, transform;
    transition-property: width, min-width, max-width, transform, -webkit-transform
}

.mm-counter {
    color: var(--mm-color-text-dimmed);
    text-align: right;
    display: block;
    padding-left: 20px;
    float: right
}

.mm-listitem_nosubitems>.mm-counter {
    display: none
}

[dir=rtl] .mm-counter {
    text-align: left;
    float: left;
    padding-left: 0;
    padding-right: 20px
}

.mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    font-size: 75%;
    text-transform: uppercase;
    background: var(--mm-color-background);
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    top: 0;
    min-height: var(--mm-line-height);
    padding: calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);
    padding-right: 10px;
    padding-left: 20px
}

.mm-divider:before {
    content: '';
    background: var(--mm-color-background-highlight);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.mm-menu_dividers-light .mm-divider {
    font-size: inherit;
    color: var(--mm-color-text-dimmed);
    padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height)) * .75);
    padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height)) * .25)
}

.mm-menu_dividers-light .mm-divider:before {
    background: inherit
}

.mm-menu_border-none .mm-divider {
    border-top-width: 1px;
    border-top-style: solid
}

.mm-wrapper_dragging .mm-menu,
.mm-wrapper_dragging .mm-slideout {
    -webkit-transition-duration: 0!important;
    transition-duration: 0!important
}

.mm-menu_dropdown {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    height: 80%
}

.mm-wrapper_dropdown .mm-slideout {
    -webkit-transform: none!important;
    transform: none!important;
    z-index: 0
}

.mm-wrapper_dropdown .mm-wrapper__blocker {
    -webkit-transition-delay: 0!important;
    transition-delay: 0!important;
    z-index: 1
}

.mm-wrapper_dropdown .mm-menu_dropdown {
    z-index: 2
}

.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown {
    display: none
}

[class*=mm-menu_tip-]:before {
    content: '';
    background: inherit;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-menu_tip-left:before {
    left: 22px
}

.mm-menu_tip-right:before {
    right: 22px
}

.mm-menu_tip-top:before {
    top: -8px
}

.mm-menu_tip-bottom:before {
    bottom: -8px
}

 :root {
    --mm-iconbar-size: 44px
}

.mm-menu_iconbar-left .mm-navbars_bottom,
.mm-menu_iconbar-left .mm-navbars_top,
.mm-menu_iconbar-left .mm-panels {
    margin-left: var(--mm-iconbar-size)
}

.mm-menu_iconbar-left .mm-iconbar {
    border-right-width: 1px;
    display: block;
    left: 0
}

.mm-menu_iconbar-right .mm-navbars_bottom,
.mm-menu_iconbar-right .mm-navbars_top,
.mm-menu_iconbar-right .mm-panels {
    margin-right: var(--mm-iconbar-size)
}

.mm-menu_iconbar-right .mm-iconbar {
    border-left-width: 1px;
    display: block;
    right: 0
}

.mm-iconbar {
    background: var(--mm-color-background);
    color: var(--mm-color-text-dimmed);
    border: 0 solid rgba(0, 0, 0, .1);
    border-color: var(--mm-color-border);
    text-align: center;
    overflow: hidden;
    display: none;
    box-sizing: border-box;
    width: var(--mm-iconbar-size);
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2
}

.mm-iconbar__bottom,
.mm-iconbar__top {
    width: inherit;
    position: absolute
}

.mm-iconbar__bottom>*,
.mm-iconbar__top>* {
    box-sizing: border-box;
    display: block;
    padding: 11px 0
}

.mm-iconbar__bottom a,
.mm-iconbar__bottom a:hover,
.mm-iconbar__top a,
.mm-iconbar__top a:hover {
    text-decoration: none
}

.mm-iconbar__top {
    top: 0
}

.mm-iconbar__bottom {
    bottom: 0
}

.mm-iconbar__tab_selected {
    background: var(--mm-color-background-emphasis)
}

 :root {
    --mm-iconpanel-size: 44px
}

.mm-panel_iconpanel-1 {
    width: calc(100% - (var(--mm-iconpanel-size) * 1))
}

.mm-panel_iconpanel-2 {
    width: calc(100% - (var(--mm-iconpanel-size) * 2))
}

.mm-panel_iconpanel-3 {
    width: calc(100% - (var(--mm-iconpanel-size) * 3))
}

.mm-panel_iconpanel-first~.mm-panel {
    width: calc(100% - var(--mm-iconpanel-size))
}

.mm-menu_iconpanel .mm-panels>.mm-panel {
    left: auto;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform
}

.mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
    border-left-width: 1px;
    border-left-style: solid
}

.mm-menu_iconpanel .mm-panels>.mm-panel_opened,
.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent {
    display: block!important
}

.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent {
    overflow-y: hidden;
    -webkit-transform: unset;
    transform: unset
}

.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,
.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar {
    opacity: 0
}

.mm-panel__blocker {
    background: inherit;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-panel_opened-parent .mm-panel__blocker {
    opacity: .6;
    bottom: -100000px
}

[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel {
    left: 0;
    right: auto;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform
}

[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
    border-left: none;
    border-right: 1px solid;
    border-color: inherit
}

.mm-menu_keyboardfocus a:focus,
.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus {
    outline: 0;
    background: var(--mm-color-background-emphasis)
}

.mm-wrapper__blocker .mm-tabstart {
    cursor: default;
    display: block;
    width: 100%;
    height: 100%
}

.mm-wrapper__blocker .mm-tabend {
    opacity: 0;
    position: absolute;
    bottom: 0
}

.mm-navbars_bottom,
.mm-navbars_top {
    background: inherit;
    border-color: inherit;
    border-width: 0;
    position: relative;
    flex-shrink: 0
}

.mm-navbars_bottom>.mm-navbar,
.mm-navbars_top>.mm-navbar {
    border-width: 0
}

.mm-navbars_bottom>.mm-navbar>:not(img):not(.mm-btn),
.mm-navbars_top>.mm-navbar>:not(img):not(.mm-btn) {
    -webkit-box-flex: 1;
    flex-grow: 1
}

.mm-navbars_top {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.mm-navbars_bottom {
    border-top-style: solid;
    border-top-width: 1px
}

.mm-navbar__breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%;
    padding: 0
}

.mm-navbar__breadcrumbs>* {
    display: inline-block;
    padding: calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5);
    padding-left: 0;
    padding-right: 6px
}

.mm-navbar__breadcrumbs>a {
    text-decoration: underline
}

.mm-btn.mm-hidden+.mm-navbar__breadcrumbs {
    padding-left: 20px
}

.mm-navbar__tab_selected {
    background: inherit!important;
    color: inherit!important;
    border-width: 1px;
    border-style: solid;
    border-color: inherit
}

.mm-navbar__tab_selected:first-child {
    border-left: none
}

.mm-navbar__tab_selected:last-child {
    border-right: none
}

.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs,
.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar {
    background: inherit!important;
    color: inherit!important
}

.mm-navbars_top .mm-navbar_tabs:not(:last-child) {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.mm-navbars_top .mm-navbar__tab_selected {
    border-bottom: none;
    margin-bottom: -1px
}

.mm-navbars_top .mm-navbar_tabs:first-child .mm-navbar__tab_selected {
    border-top: none
}

.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar {
    background: inherit;
    color: inherit
}

.mm-navbars_bottom .mm-navbar_tabs:not(:first-child) {
    border-top-width: 1px;
    border-top-style: solid
}

.mm-navbars_bottom .mm-navbar__tab_selected {
    border-top: none;
    margin-top: -1px
}

.mm-navbars_bottom .mm-navbar_tabs:last-child .mm-navbar__tab_selected {
    border-bottom: none
}

.mm-navbar_tabs>a:not(.mm-navbar__tab_selected),
.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar,
.mm-navbars_top.mm-navbars_has-tabs>.mm-navbar:not(.mm-navbar_tabs) {
    background: var(--mm-color-background-emphasis);
    color: var(--mm-color-text-dimmed)
}

.mm-searchfield {
    display: -webkit-box;
    display: flex;
    height: var(--mm-navbar-size);
    padding: 0;
    overflow: hidden
}

.mm-searchfield input {
    border: none!important;
    outline: 0!important;
    box-shadow: none!important;
    border-radius: 4px;
    font: inherit;
    font-size: inherit;
    line-height: calc(var(--mm-navbar-size) * .7);
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: calc(var(--mm-navbar-size) * .7);
    min-height: unset;
    max-height: unset;
    margin: 0;
    padding: 0 10px
}

.mm-searchfield input,
.mm-searchfield input:focus,
.mm-searchfield input:hover {
    background: var(--mm-color-background-highlight);
    color: var(--mm-color-text)
}

.mm-searchfield input::-ms-clear {
    display: none
}

.mm-searchfield__input {
    padding: 6.6px 10px 0;
    padding-top: calc(var(--mm-navbar-size) * .15);
    position: relative
}

.mm-panel__noresultsmsg {
    color: var(--mm-color-text-dimmed);
    text-align: center;
    font-size: 150%;
    padding: 44px 0
}

.mm-searchfield__btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.mm-panel_search {
    left: 0!important;
    right: 0!important;
    width: 100%!important;
    border-left: none!important
}

.mm-searchfield__input {
    -webkit-box-flex: 1;
    flex: 1;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.mm-searchfield__cancel {
    line-height: var(--mm-navbar-size);
    text-decoration: none;
    display: block;
    padding-right: 10px;
    margin-right: -100px;
    -webkit-transition: margin .4s ease;
    transition: margin .4s ease
}

.mm-searchfield__cancel-active {
    margin-right: 0
}

.mm-listitem_nosubitems>.mm-listitem__btn {
    display: none
}

.mm-listitem_nosubitems>.mm-listitem__text {
    padding-right: 10px
}

.mm-sectionindexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    z-index: 5;
    -webkit-transition: right .4s ease;
    transition: right .4s ease;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    justify-content: space-evenly
}

.mm-sectionindexer a {
    color: var(--mm-color-text-dimmed);
    line-height: 1;
    text-decoration: none;
    display: block
}

.mm-sectionindexer~.mm-panel {
    padding-right: 0;
    -webkit-transition: padding-right .4s ease;
    transition: padding-right .4s ease
}

.mm-sectionindexer_active {
    right: 0
}

.mm-sectionindexer_active~.mm-panel {
    padding-right: 20px
}

 :root {
    --mm-sidebar-collapsed-size: 44px;
    --mm-sidebar-expanded-size: 440px
}

.mm-wrapper_sidebar-collapsed body,
.mm-wrapper_sidebar-expanded body {
    position: relative
}

.mm-wrapper_sidebar-collapsed .mm-slideout,
.mm-wrapper_sidebar-expanded .mm-slideout {
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: width, transform;
    transition-property: width, transform, -webkit-transform
}

.mm-wrapper_sidebar-collapsed .mm-page,
.mm-wrapper_sidebar-expanded .mm-page {
    background: inherit;
    box-sizing: border-box;
    min-height: 100vh
}

.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,
.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
    display: -webkit-box!important;
    display: flex!important;
    top: 0!important;
    right: auto!important;
    bottom: 0!important;
    left: 0!important
}

.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,
.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar {
    opacity: 0
}

.mm-wrapper_sidebar-collapsed .mm-slideout {
    width: calc(100% - var(--mm-sidebar-collapsed-size));
    -webkit-transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0);
    transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0)
}

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
    border-right-width: 1px;
    border-right-style: solid;
    min-width: 0!important;
    max-width: 100000px!important
}

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after {
    content: none;
    display: none
}

.mm-wrapper_sidebar-expanded.mm-wrapper_blocking,
.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body {
    overflow: visible
}

.mm-wrapper_sidebar-expanded .mm-wrapper__blocker {
    display: none!important
}

.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout {
    width: calc(100% - var(--mm-sidebar-expanded-size));
    -webkit-transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0);
    transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0)
}

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
    width: var(--mm-sidebar-expanded-size)
}

.mm-menu__blocker {
    background: rgba(3, 2, 1, 0);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3
}

.mm-menu_opened .mm-menu__blocker {
    display: none
}

[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

input.mm-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: var(--mm-color-border);
    border-radius: 34px;
    display: inline-block;
    min-width: 58px;
    width: 58px;
    height: 34px;
    margin: 0 10px;
    margin-top: calc((var(--mm-listitem-size) - 34px)/ 2);
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

input.mm-toggle:before {
    content: '';
    background: var(--mm-color-background);
    border-radius: 34px;
    display: block;
    width: 32px;
    height: 32px;
    margin: 1px;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

input.mm-toggle:checked {
    background: #4bd963
}

input.mm-toggle:checked:before {
    -webkit-transform: translateX(24px);
    transform: translateX(24px)
}

input.mm-check {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0 10px;
    margin-top: calc((var(--mm-listitem-size) - 34px)/ 2)
}

input.mm-check:before {
    border-color: var(--mm-color-text);
    content: '';
    display: block;
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: .3;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

input.mm-check:checked:before {
    opacity: 1
}

[dir=rtl] input.mm-toggle:checked~label.mm-toggle:before {
    float: left
}

.mm-menu_border-none .mm-listitem:after,
.mm-panel_border-none .mm-listitem:after {
    content: none
}

.mm-menu_border-full .mm-listitem:after,
.mm-panel_border-full .mm-listitem:after {
    left: 0!important
}

.mm-menu_border-offset .mm-listitem:after,
.mm-panel_border-offset .mm-listitem:after {
    right: 20px
}

.mm-menu_fx-menu-zoom {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.mm-wrapper_opened .mm-menu_fx-menu-zoom {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.mm-wrapper_opening .mm-menu_fx-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

.mm-wrapper_opened .mm-menu_fx-menu-zoom.mm-menu_position-right {
    -webkit-transform: scale(.7, .7) translate3d(30%, 0, 0);
    transform: scale(.7, .7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.mm-wrapper_opening .mm-menu_fx-menu-zoom.mm-menu_position-right {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

.mm-menu_fx-menu-slide {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.mm-wrapper_opened .mm-menu_fx-menu-slide {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.mm-wrapper_opening .mm-menu_fx-menu-slide {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_fx-menu-fade {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-wrapper_opening .mm-menu_fx-menu-fade {
    opacity: 1
}

.mm-menu_fx-panels-none .mm-panel,
.mm-panel_fx-none {
    -webkit-transition-property: none;
    transition-property: none
}

.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,
.mm-panel_fx-none.mm-panel_opened-parent {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_fx-panels-zoom .mm-panel,
.mm-panel_fx-zoom {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    transform: scale(1.5, 1.5) translate3d(100%, 0, 0)
}

.mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened,
.mm-panel_fx-zoom.mm-panel_opened {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

.mm-menu_fx-panels-zoom .mm-panel.mm-panel_opened-parent,
.mm-panel_fx-zoom.mm-panel_opened-parent {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0)
}

.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent,
.mm-panel_fx-slide-0.mm-panel_opened-parent {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent,
.mm-panel_fx-slide-100.mm-panel_opened-parent {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu_fx-panels-slide-up .mm-panel,
.mm-panel_fx-slide-up {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.mm-menu_fx-panels-slide-up .mm-panel_opened,
.mm-menu_fx-panels-slide-up .mm-panel_opened-parent,
.mm-panel_fx-slide-up.mm-panel_opened {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_fx-panels-slide-right .mm-panel,
.mm-panel_fx-slide-right {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu_fx-panels-slide-right .mm-panel_opened,
.mm-menu_fx-panels-slide-right .mm-panel_opened-parent,
.mm-panel_fx-slide-right.mm-panel_opened {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

[class*=mm-menu_fx-listitems-] .mm-listitem {
    -webkit-transition: none .4s ease;
    transition: none .4s ease
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(1) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(3) {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(4) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(5) {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(6) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(7) {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(8) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(9) {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(10) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(11) {
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(12) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(13) {
    -webkit-transition-delay: 650ms;
    transition-delay: 650ms
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(14) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

[class*=mm-menu_fx-listitems-] .mm-listitem:nth-child(15) {
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms
}

.mm-menu_fx-listitems-slide .mm-listitem {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    opacity: 0
}

.mm-wrapper_opening .mm-menu_fx-listitems-slide .mm-panel_opened .mm-listitem {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    display: flex
}

.mm-menu_fx-listitems-fade .mm-listitem {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0
}

.mm-wrapper_opening .mm-menu_fx-listitems-fade .mm-panel_opened .mm-listitem {
    opacity: 1
}

.mm-menu_fx-listitems-drop .mm-listitem {
    -webkit-transition-property: opacity, top;
    transition-property: opacity, top;
    opacity: 0;
    top: -25%
}

.mm-wrapper_opening .mm-menu_fx-listitems-drop .mm-panel_opened .mm-listitem {
    opacity: 1;
    top: 0
}

.mm-menu_fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout {
    -webkit-transform: translate3d(100vw, 0, 0);
    transform: translate3d(100vw, 0, 0)
}

@media all and (max-width:140px) {
    .mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:10000px) {
    .mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout {
        -webkit-transform: translate3d(10000px, 0, 0);
        transform: translate3d(10000px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width:140px) {
    .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:10000px) {
    .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-10000px, 0, 0);
        transform: translate3d(-10000px, 0, 0)
    }
}

.mm-menu_fullscreen.mm-menu_position-top {
    height: 100vh;
    min-height: 140px;
    max-height: 10000px
}

.mm-menu_fullscreen.mm-menu_position-bottom {
    height: 100vh;
    min-height: 140px;
    max-height: 10000px
}

.mm-menu_listview-justify .mm-panels>.mm-panel:after,
.mm-menu_listview-justify .mm-panels>.mm-panel:before,
.mm-panels>.mm-panel_listview-justify:after,
.mm-panels>.mm-panel_listview-justify:before {
    content: none;
    display: none
}

.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview,
.mm-panels>.mm-panel_listview-justify .mm-listview {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem,
.mm-panels>.mm-panel_listview-justify .mm-listitem {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    min-height: 44px
}

.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text,
.mm-panels>.mm-panel_listview-justify .mm-listitem__text {
    box-sizing: border-box;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.mm-listview_inset {
    list-style: inside disc;
    width: 100%;
    padding: 0 30px 15px;
    margin: 0
}

.mm-listview_inset .mm-listitem {
    padding: 5px 0
}

.mm-listitem_spacer {
    padding-top: 44px;
    padding-top: var(--mm-listitem-size)
}

.mm-listitem_spacer>.mm-listitem__btn {
    top: 44px;
    top: var(--mm-listitem-size)
}

.mm-menu_multiline .mm-listitem__text,
.mm-panel_multiline .mm-listitem__text {
    text-overflow: clip;
    white-space: normal
}

[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker {
    opacity: 0
}

.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker {
    opacity: .3;
    -webkit-transition: opacity .4s ease .4s;
    transition: opacity .4s ease .4s
}

.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker {
    background: inherit
}

.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker {
    background: #000
}

.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker {
    background: #fff
}

.mm-menu_popup {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    height: 80%;
    min-height: 140px;
    max-height: 880px;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    z-index: 2;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.mm-menu_popup.mm-menu_opened~.mm-slideout {
    -webkit-transform: none!important;
    transform: none!important;
    z-index: 0
}

.mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker {
    -webkit-transition-delay: 0!important;
    transition-delay: 0!important;
    z-index: 1
}

.mm-wrapper_opening .mm-menu_popup {
    opacity: 1
}

.mm-menu_position-right {
    left: auto;
    right: 0
}

.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width:550px) {
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

.mm-menu_position-bottom,
.mm-menu_position-front,
.mm-menu_position-top {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.mm-menu_position-bottom.mm-menu_opened,
.mm-menu_position-front.mm-menu_opened,
.mm-menu_position-top.mm-menu_opened {
    z-index: 99
}

.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,
.mm-menu_position-front.mm-menu_opened~.mm-slideout,
.mm-menu_position-top.mm-menu_opened~.mm-slideout {
    -webkit-transform: none!important;
    transform: none!important;
    z-index: 0
}

.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,
.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,
.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker {
    z-index: 20
}

.mm-menu_position-front {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu_position-front.mm-menu_position-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu_position-bottom,
.mm-menu_position-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-menu_position-top {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.mm-menu_position-top {
    height: 80vh;
    min-height: 140px;
    max-height: 880px
}

.mm-menu_position-bottom {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    top: auto
}

.mm-menu_position-bottom {
    height: 80vh;
    min-height: 140px;
    max-height: 880px
}

.mm-wrapper_opening .mm-menu_position-bottom,
.mm-wrapper_opening .mm-menu_position-front,
.mm-wrapper_opening .mm-menu_position-top {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_shadow-page:after {
    box-shadow: var(--mm-shadow);
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 100;
    -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
    clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%)
}

.mm-menu_shadow-page.mm-menu_position-right:after {
    left: auto;
    right: 100%;
    -webkit-clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%);
    clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%)
}

.mm-menu_shadow-page.mm-menu_position-front:after {
    content: none;
    display: none
}

.mm-menu_shadow-menu {
    box-shadow: var(--mm-shadow)
}

.mm-menu_shadow-panels .mm-panels>.mm-panel {
    box-shadow: var(--mm-shadow)
}

.mm-menu_theme-white {
    --mm-color-border: rgba(0, 0, 0, 0.1);
    --mm-color-button: rgba(0, 0, 0, 0.3);
    --mm-color-text: rgba(0, 0, 0, 0.7);
    --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
    --mm-color-background: #fff;
    --mm-color-background-highlight: rgba(0, 0, 0, 0.06);
    --mm-color-background-emphasis: rgba(0, 0, 0, 0.03);
    --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

.mm-menu_theme-dark {
    --mm-color-border: rgba(0, 0, 0, 0.3);
    --mm-color-button: rgba(255, 255, 255, 0.4);
    --mm-color-text: rgba(255, 255, 255, 0.85);
    --mm-color-text-dimmed: rgba(255, 255, 255, 0.4);
    --mm-color-background: #333;
    --mm-color-background-highlight: rgba(255, 255, 255, 0.08);
    --mm-color-background-emphasis: rgba(0, 0, 0, 0.1);
    --mm-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}

.mm-menu_theme-black {
    --mm-color-border: rgba(255, 255, 255, 0.25);
    --mm-color-button: rgba(255, 255, 255, 0.4);
    --mm-color-text: rgba(255, 255, 255, 0.75);
    --mm-color-text-dimmed: rgba(255, 255, 255, 0.4);
    --mm-color-background: #000;
    --mm-color-background-highlight: rgba(255, 255, 255, 0.2);
    --mm-color-background-emphasis: rgba(255, 255, 255, 0.15);
    --mm-shadow: none
}

.mm-menu_tileview .mm-listview,
.mm-panel_tileview .mm-listview {
    margin: 0!important
}

.mm-menu_tileview .mm-listview:after,
.mm-panel_tileview .mm-listview:after {
    content: '';
    display: block;
    clear: both
}

.mm-menu_tileview .mm-listitem,
.mm-panel_tileview .mm-listitem {
    padding: 0;
    float: left;
    position: relative;
    width: 50%;
    height: 0;
    padding-top: 50%
}

.mm-menu_tileview .mm-listitem:after,
.mm-panel_tileview .mm-listitem:after {
    left: 0;
    top: 0;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1
}

.mm-menu_tileview .mm-listitem.mm-tile-xs,
.mm-panel_tileview .mm-listitem.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%
}

.mm-menu_tileview .mm-listitem.mm-tile-s,
.mm-panel_tileview .mm-listitem.mm-tile-s {
    width: 25%;
    padding-top: 25%
}

.mm-menu_tileview .mm-listitem.mm-tile-l,
.mm-panel_tileview .mm-listitem.mm-tile-l {
    width: 75%;
    padding-top: 75%
}

.mm-menu_tileview .mm-listitem.mm-tile-xl,
.mm-panel_tileview .mm-listitem.mm-tile-xl {
    width: 100%;
    padding-top: 100%
}

.mm-menu_tileview .mm-listitem__text,
.mm-panel_tileview .mm-listitem__text {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0
}

.mm-menu_tileview .mm-listitem__btn,
.mm-panel_tileview .mm-listitem__btn {
    width: auto
}

.mm-menu_tileview .mm-listitem__btn:after,
.mm-menu_tileview .mm-listitem__btn:before,
.mm-panel_tileview .mm-listitem__btn:after,
.mm-panel_tileview .mm-listitem__btn:before {
    content: none;
    display: none
}

.mm-menu_tileview .mm-divider,
.mm-panel_tileview .mm-divider {
    display: none
}

.mm-menu_tileview .mm-panel,
.mm-panel_tileview {
    padding-left: 0;
    padding-right: 0
}

.mm-menu_tileview .mm-panel:after,
.mm-menu_tileview .mm-panel:before,
.mm-panel_tileview:after,
.mm-panel_tileview:before {
    content: none;
    display: none
}

body.modal-open .mm-slideout {
    z-index: unset
}

 :root {
    --mb-button-size: 60px;
    --mb-bar-width: 0.6;
    --mb-bar-height: 4px;
    --mb-bar-spacing: 10px;
    --mb-animate-timeout: 0.4s
}

.mburger {
    top: 0;
    color: #043a7a!important;
    right: 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    color: inherit;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    height: var(--mb-button-size);
    padding: 0 0 0 var(--mb-button-size);
    margin: 0;
    line-height: var(--mb-button-size);
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    cursor: pointer;
    width: 60px;
    height: 40px;
    --mb-bar-height: 2px
}

.mburger b {
    display: block;
    position: absolute;
    left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
    width: calc(var(--mb-button-size) * var(--mb-bar-width));
    height: var(--mb-bar-height);
    border-radius: calc(var(--mb-bar-height)/ 2);
    background: currentColor;
    color: inherit;
    opacity: 1
}

.mburger b:nth-of-type(1) {
    bottom: calc(50% + var(--mb-bar-spacing));
    -webkit-transition: bottom .2s ease, width .2s ease, -webkit-transform .2s ease;
    transition: bottom .2s ease, width .2s ease, -webkit-transform .2s ease;
    transition: bottom .2s ease, transform .2s ease, width .2s ease;
    transition: bottom .2s ease, transform .2s ease, width .2s ease, -webkit-transform .2s ease
}

.mburger b:nth-of-type(2) {
    top: calc(50% - (var(--mb-bar-height)/ 2));
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.mburger b:nth-of-type(3) {
    top: calc(50% + var(--mb-bar-spacing));
    -webkit-transition: top .2s ease, width .2s ease, -webkit-transform .2s ease;
    transition: top .2s ease, width .2s ease, -webkit-transform .2s ease;
    transition: top .2s ease, transform .2s ease, width .2s ease;
    transition: top .2s ease, transform .2s ease, width .2s ease, -webkit-transform .2s ease
}

.mm-wrapper_opened .mburger b:nth-of-type(1) {
    bottom: calc(50% - (var(--mb-bar-height)/ 2));
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-wrapper_opened .mburger b:nth-of-type(2) {
    opacity: 0
}

.mm-wrapper_opened .mburger b:nth-of-type(3) {
    top: calc(50% - (var(--mb-bar-height)/ 2));
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mburger--collapse b:nth-of-type(1) {
    -webkit-transition: bottom .2s ease, margin .2s ease, -webkit-transform .2s ease;
    transition: bottom .2s ease, margin .2s ease, -webkit-transform .2s ease;
    transition: bottom .2s ease, margin .2s ease, transform .2s ease;
    transition: bottom .2s ease, margin .2s ease, transform .2s ease, -webkit-transform .2s ease;
    -webkit-transition-delay: .2s, 0s, 0;
    transition-delay: .2s, 0s, 0
}

.mburger--collapse b:nth-of-type(2) {
    -webkit-transition: top .2s ease, opacity 0 ease;
    transition: top .2s ease, opacity 0 ease;
    -webkit-transition-delay: .3s, .3s;
    transition-delay: .3s, .3s
}

.mburger--collapse b:nth-of-type(3) {
    -webkit-transition: top .2s ease, -webkit-transform .2s ease;
    transition: top .2s ease, -webkit-transform .2s ease;
    transition: top .2s ease, transform .2s ease;
    transition: top .2s ease, transform .2s ease, -webkit-transform .2s ease
}

.mm-wrapper_opened .mburger--collapse b:nth-of-type(1) {
    bottom: calc(50% - var(--mb-bar-spacing) - var(--mb-bar-height));
    margin-bottom: calc(var(--mb-bar-spacing) + (var(--mb-bar-height)/ 2));
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: calc(var(--mb-animate-timeout) + .1s), calc(var(--mb-animate-timeout) + .3s), calc(var(--mb-animate-timeout) + .3s);
    transition-delay: calc(var(--mb-animate-timeout) + .1s), calc(var(--mb-animate-timeout) + .3s), calc(var(--mb-animate-timeout) + .3s)
}

.mm-wrapper_opened .mburger--collapse b:nth-of-type(2) {
    top: calc(50% + var(--mb-bar-spacing));
    opacity: 0;
    -webkit-transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s);
    transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s)
}

.mm-wrapper_opened .mburger--collapse b:nth-of-type(3) {
    top: calc(50% - (var(--mb-bar-height)/ 2));
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: calc(var(--mb-animate-timeout) + .3s), calc(var(--mb-animate-timeout) + .3s);
    transition-delay: calc(var(--mb-animate-timeout) + .3s), calc(var(--mb-animate-timeout) + .3s)
}

.mburger--spin b:nth-of-type(1) {
    -webkit-transition-delay: .2s, 0;
    transition-delay: .2s, 0
}

.mburger--spin b:nth-of-type(2) {
    -webkit-transition-duration: 0;
    transition-duration: 0;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.mburger--spin b:nth-of-type(3) {
    -webkit-transition-delay: .2s, 0;
    transition-delay: .2s, 0
}

.mm-wrapper_opened .mburger--spin b:nth-of-type(1) {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s);
    transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s)
}

.mm-wrapper_opened .mburger--spin b:nth-of-type(2) {
    -webkit-transition-delay: calc(var(--mb-animate-timeout) + 0s);
    transition-delay: calc(var(--mb-animate-timeout) + 0s)
}

.mm-wrapper_opened .mburger--spin b:nth-of-type(3) {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s);
    transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s)
}

.mburger--squeeze b:nth-of-type(1) {
    -webkit-transition-delay: .1s, 0;
    transition-delay: .1s, 0
}

.mburger--squeeze b:nth-of-type(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.mburger--squeeze b:nth-of-type(3) {
    -webkit-transition-delay: .1s, 0;
    transition-delay: .1s, 0
}

.mm-wrapper_opened .mburger--squeeze b:nth-of-type(1) {
    -webkit-transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .1s);
    transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .1s)
}

.mm-wrapper_opened .mburger--squeeze b:nth-of-type(2) {
    -webkit-transition-delay: calc(var(--mb-animate-timeout) + 0s);
    transition-delay: calc(var(--mb-animate-timeout) + 0s)
}

.mm-wrapper_opened .mburger--squeeze b:nth-of-type(3) {
    -webkit-transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .1s);
    transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .1s)
}

.mburger--tornado b:nth-of-type(1) {
    -webkit-transition: bottom .2s ease, -webkit-transform .2s ease;
    transition: bottom .2s ease, -webkit-transform .2s ease;
    transition: bottom .2s ease, transform .2s ease;
    transition: bottom .2s ease, transform .2s ease, -webkit-transform .2s ease;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.mburger--tornado b:nth-of-type(2) {
    -webkit-transition: opacity 0 ease, -webkit-transform .2s ease;
    transition: opacity 0 ease, -webkit-transform .2s ease;
    transition: opacity 0 ease, transform .2s ease;
    transition: opacity 0 ease, transform .2s ease, -webkit-transform .2s ease;
    -webkit-transition-delay: .1s, .1s;
    transition-delay: .1s, .1s
}

.mburger--tornado b:nth-of-type(3) {
    -webkit-transition: top .2s ease, -webkit-transform .2s ease;
    transition: top .2s ease, -webkit-transform .2s ease;
    transition: top .2s ease, transform .2s ease;
    transition: top .2s ease, transform .2s ease, -webkit-transform .2s ease;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.mm-wrapper_opened .mburger--tornado b:nth-of-type(1) {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition-delay: calc(var(--mb-animate-timeout) + 0s);
    transition-delay: calc(var(--mb-animate-timeout) + 0s)
}

.mm-wrapper_opened .mburger--tornado b:nth-of-type(2) {
    opacity: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition-delay: calc(var(--mb-animate-timeout) + .4s), calc(var(--mb-animate-timeout) + .1s);
    transition-delay: calc(var(--mb-animate-timeout) + .4s), calc(var(--mb-animate-timeout) + .1s)
}

.mm-wrapper_opened .mburger--tornado b:nth-of-type(3) {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    -webkit-transition-delay: calc(var(--mb-animate-timeout) + .2s);
    transition-delay: calc(var(--mb-animate-timeout) + .2s)
}
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm {
    box-sizing: border-box;
    position: relative;
    z-index: 9999;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm,
.sm ul,
.sm li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
}

.sm-rtl,
.sm-rtl ul,
.sm-rtl li {
    direction: rtl;
    text-align: right;
}

.sm>li>h1,
.sm>li>h2,
.sm>li>h3,
.sm>li>h4,
.sm>li>h5,
.sm>li>h6 {
    margin: 0;
    padding: 0;
}

.sm ul {
    display: none;
}

.sm li,
.sm a {
    position: relative;
}

.sm a {
    display: block;
}

.sm a.disabled {
    cursor: default;
}

.sm::after {
    content: "";
    display: block;
    height: 0;
    font: 0px/0 serif;
    clear: both;
    overflow: hidden;
}

.sm *,
.sm *::before,
.sm *::after {
    box-sizing: inherit;
}

@media (min-width:991.98px) {
    .sm-simple {
        border: 1px solid #bbb;
        background: #fff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
    }
    .sm-simple a,
    .sm-simple a:active,
    .sm-simple a:focus,
    .sm-simple a:hover {
        padding: 13px 20px;
        padding-right: 58px;
        color: #555;
        font-size: 16px;
        font-weight: 400;
        line-height: 17px;
        text-decoration: none
    }
    .sm-simple a.current {
        background: #555;
        color: #fff
    }
    .sm-simple a.disabled {
        color: #ccc
    }
    .sm-simple a .sub-arrow {
        position: absolute;
        top: 50%;
        margin-top: -17px;
        left: auto;
        right: 4px;
        width: 34px;
        height: 34px;
        overflow: hidden;
        font: bold 14px/34px monospace!important;
        text-align: center;
        text-shadow: none;
        background: rgba(0, 0, 0, .08)
    }
    .sm-simple a .sub-arrow::before {
        content: '+'
    }
    .sm-simple a.highlighted .sub-arrow::before {
        content: '-'
    }
    .sm-simple li {
        border-top: 1px solid rgba(0, 0, 0, .05)
    }
    .sm-simple>li:first-child {
        border-top: 0
    }
    .sm-simple ul {
        background: rgba(179, 179, 179, .1)
    }
    .sm-simple ul a,
    .sm-simple ul a:active,
    .sm-simple ul a:focus,
    .sm-simple ul a:hover {
        font-size: 14px;
        border-left: 8px solid transparent
    }
    .sm-simple ul ul a,
    .sm-simple ul ul a:active,
    .sm-simple ul ul a:focus,
    .sm-simple ul ul a:hover {
        border-left: 16px solid transparent
    }
    .sm-simple ul ul ul a,
    .sm-simple ul ul ul a:active,
    .sm-simple ul ul ul a:focus,
    .sm-simple ul ul ul a:hover {
        border-left: 24px solid transparent
    }
    .sm-simple ul ul ul ul a,
    .sm-simple ul ul ul ul a:active,
    .sm-simple ul ul ul ul a:focus,
    .sm-simple ul ul ul ul a:hover {
        border-left: 32px solid transparent
    }
    .sm-simple ul ul ul ul ul a,
    .sm-simple ul ul ul ul ul a:active,
    .sm-simple ul ul ul ul ul a:focus,
    .sm-simple ul ul ul ul ul a:hover {
        border-left: 40px solid transparent
    }
    .sm-simple ul {
        position: absolute;
        width: 12em
    }
    .sm-simple li {
        float: left
    }
    .sm-simple.sm-rtl li {
        float: right
    }
    .sm-simple ul li,
    .sm-simple.sm-rtl ul li,
    .sm-simple.sm-vertical li {
        float: none
    }
    .sm-simple a {
        white-space: nowrap
    }
    .sm-simple ul a,
    .sm-simple.sm-vertical a {
        white-space: normal
    }
    .sm-simple .sm-nowrap>li>:not(ul) a,
    .sm-simple .sm-nowrap>li>a {
        white-space: nowrap
    }
    .sm-simple {
        background: #fff
    }
    .sm-simple a,
    .sm-simple a.highlighted,
    .sm-simple a:active,
    .sm-simple a:focus,
    .sm-simple a:hover {
        padding: 11px 20px;
        color: #555
    }
    .sm-simple a.highlighted,
    .sm-simple a:active,
    .sm-simple a:focus,
    .sm-simple a:hover {
        background: #eee
    }
    .sm-simple a.current {
        background: #555;
        color: #fff
    }
    .sm-simple a.disabled {
        background: #fff;
        color: #ccc
    }
    .sm-simple a.has-submenu {
        padding-right: 32px
    }
    .sm-simple a .sub-arrow {
        top: 50%;
        margin-top: -8px;
        right: 20px;
        width: 8px;
        height: 16px;
        font: 14px/16px monospace!important;
        background: 0 0
    }
    .sm-simple a.highlighted .sub-arrow::before {
        content: '+'
    }
    .sm-simple>li {
        border-top: 0;
        border-left: 1px solid #eee
    }
    .sm-simple>li:first-child {
        border-left: 0
    }
    .sm-simple ul {
        border: 1px solid #bbb;
        background: #fff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
    }
    .sm-simple ul a {
        border: 0!important
    }
    .sm-simple ul a.has-submenu {
        padding-right: 20px
    }
    .sm-simple ul a .sub-arrow {
        left: 8px;
        right: auto
    }
    .sm-simple ul>li {
        border-left: 0;
        border-top: 1px solid #eee
    }
    .sm-simple ul>li:first-child {
        border-top: 0
    }
    .sm-simple .scroll-down,
    .sm-simple .scroll-up {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: #fff;
        height: 20px
    }
    .sm-simple .scroll-down-arrow,
    .sm-simple .scroll-up-arrow {
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 8px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #555 transparent
    }
    .sm-simple .scroll-down-arrow {
        top: 6px;
        border-style: solid dashed dashed dashed;
        border-color: #555 transparent transparent transparent
    }
    .sm-simple.sm-rtl a.has-submenu {
        padding-right: 20px;
        padding-left: 32px
    }
    .sm-simple.sm-rtl a .sub-arrow {
        left: 20px;
        right: auto
    }
    .sm-simple.sm-rtl.sm-vertical a.has-submenu {
        padding: 11px 20px
    }
    .sm-simple.sm-rtl.sm-vertical a .sub-arrow {
        left: auto;
        right: 8px
    }
    .sm-simple.sm-rtl>li:first-child {
        border-left: 1px solid #eee
    }
    .sm-simple.sm-rtl>li:last-child {
        border-left: 0
    }
    .sm-simple.sm-rtl ul a.has-submenu {
        padding: 11px 20px
    }
    .sm-simple.sm-rtl ul a .sub-arrow {
        left: auto;
        right: 8px
    }
    .sm-simple.sm-vertical a .sub-arrow {
        left: 8px;
        right: auto
    }
    .sm-simple.sm-vertical li {
        border-left: 0;
        border-top: 1px solid #eee
    }
    .sm-simple.sm-vertical>li:first-child {
        border-top: 0
    }
}
/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: 0
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, .75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    outline: 0;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}
/*!
* OverlayScrollbars
* https://github.com/KingSora/OverlayScrollbars
*
* Version: 1.13.0
*
* Copyright KingSora | Rene Haas.
* https://github.com/KingSora
*
* Released under the MIT license.
* Date: 02.08.2020
*/

html.os-html,
html.os-html>.os-host {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    height: 100%!important;
    width: 100%!important;
    min-width: 100%!important;
    min-height: 100%!important;
    margin: 0!important;
    position: absolute!important
}

html.os-html>.os-host>.os-padding {
    position: absolute
}

body.os-dragging,
body.os-dragging * {
    cursor: default
}

.os-host,
.os-host-textarea {
    position: relative;
    overflow: visible!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
}

.os-host-flexbox {
    overflow: hidden!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.os-host-flexbox>.os-size-auto-observer {
    height: inherit!important
}

.os-host-flexbox>.os-content-glue {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.os-host-flexbox>.os-size-auto-observer,
.os-host-flexbox>.os-content-glue {
    min-height: 0;
    min-width: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-prefer#89CFF0-size: auto;
    flex-basis: auto
}

#os-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px
}

#os-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
    content: '';
    display: table;
    width: .01px;
    height: .01px;
    line-height: 0;
    font-size: 0;
    flex-grow: 0;
    flex-shrink: 0;
    visibility: hidden
}

#os-dummy-scrollbar-size,
.os-viewport {
    -ms-overflow-style: scrollbar!important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
    scrollbar-width: none!important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none!important;
    width: 0!important;
    height: 0!important;
    visibility: hidden!important;
    background: 0 0!important
}

.os-content-glue {
    box-sizing: inherit;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.os-padding {
    box-sizing: inherit;
    direction: inherit;
    position: absolute;
    overflow: visible;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto!important;
    height: auto!important;
    z-index: 0
}

.os-host-overflow>.os-padding {
    overflow: hidden
}

.os-viewport {
    direction: inherit!important;
    box-sizing: inherit!important;
    resize: none!important;
    outline: 0!important;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none
}

.os-content {
    direction: inherit;
    box-sizing: border-box!important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    height: 100%;
    width: 100%;
    visibility: visible
}

.os-content>.os-textarea {
    box-sizing: border-box!important;
    direction: inherit!important;
    background: 0 0!important;
    outline: 0 transparent!important;
    overflow: hidden!important;
    position: absolute!important;
    display: block!important;
    top: 0!important;
    left: 0!important;
    margin: 0!important;
    border-radius: 0!important;
    float: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    border: 0!important;
    resize: none!important;
    -webkit-transform: none!important;
    transform: none!important;
    max-width: none!important;
    max-height: none!important;
    box-shadow: none!important;
    -webkit-perspective: none!important;
    perspective: none!important;
    opacity: 1!important;
    z-index: 1!important;
    clip: auto!important;
    vertical-align: baseline!important;
    padding: 0
}

.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea {
    right: 0!important
}

.os-content>.os-textarea-cover {
    z-index: -1;
    pointer-events: none
}

.os-content>.os-textarea[wrap=off] {
    white-space: pre!important;
    margin: 0!important
}

.os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text
}

.os-resize-observer,
.os-resize-observer-host {
    box-sizing: inherit;
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.os-resize-observer-host {
    padding: inherit;
    border: inherit;
    border-color: transparent;
    border-style: solid;
    box-sizing: border-box
}

.os-resize-observer-host.observed {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.os-resize-observer-host>.os-resize-observer,
.os-resize-observer-host.observed>.os-resize-observer {
    height: 200%;
    width: 200%;
    padding: inherit;
    border: inherit;
    margin: 0;
    display: block;
    box-sizing: content-box
}

.os-resize-observer-host.observed>.os-resize-observer,
.os-resize-observer-host.observed>.os-resize-observer:before {
    display: flex;
    position: relative;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    box-sizing: border-box
}

.os-resize-observer-host.observed>.os-resize-observer:before {
    content: '';
    box-sizing: content-box;
    padding: inherit;
    border: inherit;
    margin: 0
}

.os-size-auto-observer {
    box-sizing: inherit!important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-prefer#89CFF0-size: 0;
    flex-basis: 0
}

.os-size-auto-observer>.os-resize-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px
}

.os-resize-observer-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr!important;
    -webkit-box-flex: 0!important;
    -ms-flex: none!important;
    flex: none!important
}

.os-resize-observer-item-final {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: none!important;
    transition: none!important;
    -webkit-box-flex: 0!important;
    -ms-flex: none!important;
    flex: none!important
}

.os-resize-observer {
    -webkit-animation-duration: .001s;
    animation-duration: .001s;
    -webkit-animation-name: os-resize-observer-dummy-animation;
    animation-name: os-resize-observer-dummy-animation
}

object.os-resize-observer {
    box-sizing: border-box!important
}

@-webkit-keyframes os-resize-observer-dummy-animation {
    0% {
        z-index: 0
    }
    to {
        z-index: -1
    }
}

@keyframes os-resize-observer-dummy-animation {
    0% {
        z-index: 0
    }
    to {
        z-index: -1
    }
}

.os-host-transition>.os-scrollbar,
.os-host-transition>.os-scrollbar-corner {
    -webkit-transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s;
    transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s
}

html.os-html>.os-host>.os-scrollbar {
    position: absolute;
    z-index: 999999
}

.os-scrollbar,
.os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    z-index: 1
}

.os-scrollbar-corner {
    bottom: 0;
    right: 0
}

.os-scrollbar {
    pointer-events: none
}

.os-scrollbar-track {
    pointer-events: auto;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0!important;
    border: 0!important
}

.os-scrollbar-handle {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
    pointer-events: none
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none!important
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0!important
}

.os-scrollbar-horizontal {
    bottom: 0;
    left: 0
}

.os-scrollbar-vertical {
    top: 0;
    right: 0
}

.os-host-rtl>.os-scrollbar-horizontal {
    right: 0
}

.os-host-rtl>.os-scrollbar-vertical {
    right: auto;
    left: 0
}

.os-host-rtl>.os-scrollbar-corner {
    right: auto;
    left: 0
}

.os-scrollbar-auto-hidden,
.os-padding+.os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,
.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.os-scrollbar-corner-resize-both {
    cursor: nwse-resize
}

.os-host-rtl>.os-scrollbar-corner-resize-both {
    cursor: nesw-resize
}

.os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize
}

.os-scrollbar-corner-resize-vertical {
    cursor: ns-resize
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
    top: 0;
    bottom: 0
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal {
    right: 0;
    left: 0
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
    opacity: 1!important;
    visibility: visible!important
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto!important
}

.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.os-host-overflow {
    overflow: hidden!important
}

.os-theme-none>.os-scrollbar-horizontal,
.os-theme-none>.os-scrollbar-vertical,
.os-theme-none>.os-scrollbar-corner {
    display: none!important
}

.os-theme-none>.os-scrollbar-corner-resize {
    display: block!important;
    min-width: 10px;
    min-height: 10px
}

.os-theme-dark>.os-scrollbar-horizontal,
.os-theme-light>.os-scrollbar-horizontal {
    right: 10px;
    height: 10px
}

.os-theme-dark>.os-scrollbar-vertical,
.os-theme-light>.os-scrollbar-vertical {
    bottom: 10px;
    width: 10px
}

.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,
.os-theme-light.os-host-rtl>.os-scrollbar-horizontal {
    left: 10px;
    right: 0
}

.os-theme-dark>.os-scrollbar-corner,
.os-theme-light>.os-scrollbar-corner {
    height: 10px;
    width: 10px
}

.os-theme-dark>.os-scrollbar-corner,
.os-theme-light>.os-scrollbar-corner {
    background-color: transparent
}

.os-theme-dark>.os-scrollbar,
.os-theme-light>.os-scrollbar {
    padding: 2px;
    box-sizing: border-box;
    background: 0 0
}

.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,
.os-theme-light>.os-scrollbar.os-scrollbar-unusable {
    background: 0 0
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track,
.os-theme-light>.os-scrollbar>.os-scrollbar-track {
    background: 0 0
}

.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle {
    min-width: 30px
}

.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
    min-height: 30px
}

.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-dark>.os-scrollbar>.os-scrollbar-track,
.os-theme-light>.os-scrollbar>.os-scrollbar-track {
    border-radius: 10px
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(0, 0, 0, .4)
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(255, 255, 255, .4)
}

.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(0, 0, 0, .55)
}

.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(255, 255, 255, .55)
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
    background: rgba(0, 0, 0, .7)
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
    background: rgba(255, 255, 255, .7)
}

.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before {
    display: none
}

.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px
}

.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -6px;
    right: -2px
}

.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    right: -6px;
    left: -2px
}
/* breaking news*/

.bn-breaking-news {
    display: block;
    width: 100%;
    border: solid 1px transparent;
    background: 0 0;
    height: 40px;
    box-sizing: border-box;
    position: relative;
    line-height: 40px;
    overflow: hidden;
    border-radius: 2px;
    text-align: auto;
    font-size: 14px
}

.bn-breaking-news * {
    box-sizing: border-box
}

.bn-breaking-news.bn-fixed-top {
    position: fixed;
    left: 0;
    right: 0;
    top: 0
}

.bn-breaking-news.bn-fixed-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0
}

.bn-label {
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
    background-color: transparent;
    text-align: center;
    color: #2857bd;
    font-weight: 700;
    z-index: 3;
    padding: 0 15px;
    white-space: nowrap
}

.bn-news {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    right: 0;
    overflow: hidden
}

.bn-news ul {
    display: block;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    position: absolute
}

.bn-news ul li {
    white-space: nowrap;
    overflow: hidden!important;
    text-overflow: ellipsis;
    text-decoration: none;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
    position: absolute;
    width: 100%;
    display: none;
    color: #333
}

.bn-news ul li a {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    padding: 0 10px;
    color: #333;
    position: relative;
    display: block;
    overflow: hidden
}

.bn-news ul li a:hover {
    color: #C5EAFA
}

.bn-loader-text {
    padding: 0 10px
}

.bn-seperator {
    display: inline-block;
    float: left;
    margin-right: 15px;
    width: 30px;
    height: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative
}

.bn-seperator.bn-news-dot {
    margin-right: 0
}

.bn-seperator.bn-news-dot:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #333;
    border-radius: 50%;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px
}

.bn-prefix {
    color: #d65d7a;
    margin-right: 15px;
    padding-left: 10px
}

.bn-positive {
    color: #0b8457;
    font-weight: 700
}

.bn-negative {
    color: #dc2f2f;
    font-weight: 700
}

.bn-controls {
    width: auto;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bn-controls button {
    width: 30px;
    float: left;
    height: 100%;
    cursor: pointer;
    border: none;
    border-left: solid 1px #eee;
    text-align: center;
    background-color: #f6f6f6;
    outline: 0
}

.bn-controls button:hover {
    background-color: #eee
}

.bn-arrow {
    margin: 0;
    display: inline-block;
    height: 8px;
    position: relative;
    width: 8px;
    top: -2px
}

.bn-arrow::after {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    content: "";
    display: inline-block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: 8px
}

.bn-arrow.bn-next {
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    left: -3px
}

.bn-arrow.bn-prev {
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 3px
}

.bn-arrow::after {
    border-color: #999
}

.bn-arrow::before {
    background-color: #999
}

.bn-play {
    position: relative;
    background: #999;
    width: 0;
    height: 12px;
    display: inline-block;
    margin-left: -5px
}

.bn-play::after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #999;
    border-width: 8px;
    margin-top: -8px
}

.bn-pause {
    position: relative;
    width: 0;
    height: 14px;
    display: inline-block;
    top: 1px;
    left: -1px
}

.bn-pause::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    left: 3px;
    background-color: #999
}

.bn-pause::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    left: -3px;
    background-color: #999
}

.bn-direction-rtl {
    direction: rtl
}

.bn-direction-rtl .bn-label {
    left: auto;
    right: 0
}

.bn-direction-rtl .bn-controls {
    right: auto;
    left: 0
}

.bn-direction-rtl .bn-seperator {
    margin-left: 15px;
    margin-right: 0;
    float: right
}

.bn-direction-rtl .bn-prefix {
    margin-left: 15px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 10px
}

.bn-direction-rtl .bn-controls button {
    border-left: none;
    border-right: solid 1px #eee
}

.bn-effect-scroll .bn-news ul {
    display: block;
    width: 100%;
    position: relative
}

.bn-effect-scroll .bn-news ul li {
    display: list-item;
    float: left;
    position: relative;
    width: auto
}

.bn-effect-scroll.bn-direction-rtl .bn-news ul li {
    float: right
}
/* amin's styles*/

@keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fade {
    animation: fade .7s
}

i.niafam {
    font-family: niafam-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.niafam-pin1:before {
    content: "\e902"
}

.niafam-phone-call1:before {
    content: "\e903"
}

.niafam-email:before {
    content: "\e904"
}

.niafam-disabled:before {
    content: "\e905"
}

.niafam-add:before {
    content: "\e913"
}

.niafam-business-trip:before {
    content: "\e914"
}

.niafam-calendar:before {
    content: "\e916"
}

.niafam-ecg-lines:before {
    content: "\e917"
}

.niafam-minus:before {
    content: "\e932"
}

.niafam-plus-strock:before {
    content: "\e950"
}

.niafam-view:before {
    content: "\e95a"
}

.niafam-settings:before {
    content: "\e935"
}

.niafam-stopwatch:before {
    content: "\e922"
}

.niafam-iso:before {
    content: "\e926"
}

.niafam-login:before {
    content: "\e927"
}

.niafam-arroba:before {
    content: "\e91f"
}

.niafam-user-login:before {
    content: "\e920"
}

.niafam-archive:before {
    content: "\e918"
}

.niafam-home:before {
    content: "\e93b"
}

.niafam-accessibility:before {
    content: "\e91b"
}

.niafam-share:before {
    content: "\e919"
}

.niafam-quote:before {
    content: "\e91a"
}

.niafam-play-button:before {
    content: "\e923"
}

.niafam-photo-camera:before {
    content: "\e91c"
}

.niafam-microphone:before {
    content: "\e91d"
}

.niafam-play:before {
    content: "\e921"
}

.niafam-video-camera:before {
    content: "\e924"
}

.niafam-download:before {
    content: "\e937"
}

.niafam-database:before {
    content: "\e92d"
}

.niafam-sitemap:before {
    content: "\e925"
}

.niafam-gap1:before {
    content: "\e944"
}

.niafam-aparat:before {
    content: "\e939"
}

.niafam-soroush:before {
    content: "\e93a"
}

.niafam-linkedin:before {
    content: "\e93c"
}

.niafam-rubika:before {
    content: "\e929"
}

.niafam-whatsapp:before {
    content: "\e93d"
}

.niafam-shaad:before {
    content: "\e95b"
}

.niafam-twitter:before {
    content: "\e93e"
}

.niafam-telegram:before {
    content: "\e928"
}

.niafam-instagram:before {
    content: "\e92a"
}

.niafam-left-arrow-2:before {
    content: "\e92b"
}

.niafam-right-arrow-2:before {
    content: "\e92c"
}

.niafam-up-arrow-2:before {
    content: "\e92e"
}

.niafam-up-arrow:before {
    content: "\e945"
}

.niafam-down-arrow .path1:before {
    content: "\e92f";
    color: #ffc107
}

.niafam-down-arrow .path2:before {
    content: "\e930";
    margin-left: -1em;
    color: #000
}

.niafam-left-arrow:before {
    content: "\e931"
}

.niafam-right-arrow:before {
    content: "\e933"
}

.niafam-search:before {
    content: "\e934"
}

.niafam-fax:before {
    content: "\e936"
}

.niafam-pin:before {
    content: "\e93f"
}

.niafam-placeholder:before {
    content: "\e941"
}

.niafam-envelope-2:before {
    content: "\e938"
}

.niafam-envelope:before {
    content: "\e942"
}

.niafam-phone-call:before {
    content: "\e940"
}

.niafam-eita:before {
    content: "\e90d"
}

.niafam-bale:before {
    content: "\e90a"
}

.niafam-facebook:before {
    content: "\e907"
}

.niafam-gap:before {
    content: "\e90c"
}

.niafam-bisphon:before {
    content: "\e90b"
}

.niafam-close:before {
    content: "\e915"
}

.niafam-link:before {
    content: "\e91e"
}

.niafam-rss:before {
    content: "\e900"
}

.niafam-niafam-logo:before {
    content: "\e901"
}

body {
    font-family: Vazir
}

.flickity-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0 #19f
}

.flickity-button {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    background-color: #fff;
    transition: .3s;
    box-shadow: 0 15px 20px 5px rgba(22, 62, 153, .1)
}

.flickity-rtl .flickity-prev-next-button.next {
    left: -40px;
    opacity: 0
}

.flickity-rtl .flickity-prev-next-button.next::before {
    content: "\e931";
    font-family: niafam-icons;
    color: #0B415A;
    font-size: 20px;
    font-weight: 700
}

.flickity-rtl .flickity-prev-next-button.previous {
    opacity: 0;
    right: -40px
}

.flickity-rtl .flickity-prev-next-button.previous::before {
    content: "\e933";
    font-size: 20px;
    font-weight: 700;
    color: #0B415A;
    font-family: niafam-icons
}

.flickity-rtl:hover .flickity-prev-next-button.next {
    left: 30px;
    opacity: 1
}

.flickity-rtl:hover .flickity-prev-next-button.previous {
    opacity: 1;
    right: 30px
}

.flickity-page-dots .dot {
    width: 15px;
    height: 15px;
    margin: 0 2.5px;
    background: #fff;
    border-radius: 7.5px;
    opacity: 1;
    transition: .3s
}

.flickity-page-dots .dot.is-selected {
    height: 30px;
    background-color: #89CFF0
}

.flickity-page-dots {
    bottom: -30px
}

.search-area {
    display: flex;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    background-color: #0B415Ae6;
    visibility: hidden;
    opacity: 0;
    transition: .5s
}

.search-area--opened {
    visibility: visible;
    opacity: 1
}

.search-area__close-btn {
    font-size: 1em;
    position: absolute;
    top: 20px;
    right: 30px;
    display: flex;
    padding: 12px;
    line-height: 12px;
    background-color: #07ccec;
    border: 0;
    cursor: pointer;
    border-radius: 5px;
    color: #000;
    opacity: 1
}

.search-area__close-btn i {
    color: #000
}

.search-area__form {
    display: flex;
    flex-direction: column;
    margin: 80px 0;
    transition: .5s
}

.search-area__input {
    border-width: 0 0 2px 0;
    border-radius: 0;
    font-size: 28px;
    padding: 10px 0;
    border-color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    background-color: transparent;
    opacity: 1;
    color: #fff;
    margin-bottom: 20px
}

.search-area__input::placeholder {
    opacity: 1;
    color: #fff
}

.search-area__text {
    color: #fff
}

#mainMenu-trigger {
    display: none
}

.mburger {
    color: #fff!important
}

.menu-height {
    height: 185px;
    position: relative
}

.menu-parent {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    height: 60px;
    background-color: #89CFF0;
    transition: .3s
}

.menu-parent--fixed {
    position: fixed;
    top: 0;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1)
}

.menu-parent--fixed .tums-menu {
    height: 75px
}

@media (min-width:991.98px) {
    .menu-parent--fixed .logo {
        width: initial;
        height: 50px
    }
}

.tums-menu {
    height: 125px;
    background-color: transparent
}

@media (min-width:991.98px) {
    .sm-simple {
        border: 0;
        box-shadow: none;
        background-color: transparent
    }
    #espritmenu {
        height: 100%
    }
    #espritmenu>ul {
        height: 100%
    }
    #espritmenu>ul>li ul li a:hover {
        color: #0B415A
    }
    #espritmenu>ul>li>a::after {
        content: "\e92f";
        font-size: 12px;
        position: absolute;
        left: 7px;
        top: 50%;
        font-weight: 600;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: niafam-icons
    }
    #espritmenu>ul>li>a:only-child::after {
        content: none
    }
    #espritmenu>ul>li>a:not(:only-child) {
        padding-left: 25.5px!important
    }
    #espritmenu>ul>li>ul {
        transform: translateY(5px)
    }
    #espritmenu>ul>li {
        height: 100%;
        border: 0
    }
    #espritmenu>ul>li>a {
        font-weight: 500;
        height: 100%;
        display: flex;
        align-items: center;
        transition: .3s;
        font-size: 16px;
        color: #000;
        position: relative
    }
    #espritmenu>ul>li>a.has-submenu {
        padding: 20px 4.5px
    }
    #espritmenu>ul>li>a .sub-arrow {
        left: 6px;
        width: 14px
    }
    #espritmenu>ul>li>a .sub-arrow::before {
        content: none
    }
    #espritmenu>ul>li>a::before {
        position: absolute;
        content: "";
        top: 0;
        right: 50%;
        width: 0;
        height: 3px;
        background-color: #0B415A;
        transition: .5s
    }
    #espritmenu>ul>li:hover>a {
        color: #0B415A
    }
    #espritmenu>ul>li:hover>a::before {
        width: 100%;
        right: 0
    }
    .sm-simple a.highlighted,
    .sm-simple a:active,
    .sm-simple a:focus,
    .sm-simple a:hover {
        background: 0 0
    }
    .sm-simple ul {
        border: 0;
        box-shadow: 0;
        max-width: initial!important;
        transform: none;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
        border-radius: 10px
    }
    .sm-simple ul ul {
        transform: translateX(-5px)
    }
    .sm-simple.sm-rtl ul a .sub-arrow {
        left: 10px;
        right: auto;
        width: 14px
    }
    .sm-simple.sm-rtl ul a .sub-arrow::before {
        content: "\e931";
        font-family: niafam-icons
    }
    .sm-simple ul a,
    .sm-simple ul a:active,
    .sm-simple ul a:focus,
    .sm-simple ul a:hover {
        font-size: 15px;
        padding: 11px 15px
    }
    .sm-simple.sm-rtl ul a.has-submenu {
        padding: 11px 15px 11px 30px
    }
    .sm-simple a,
    .sm-simple a.highlighted,
    .sm-simple a:active,
    .sm-simple a:focus,
    .sm-simple a:hover {
        padding: 20px 7.5px;
        color: #000
    }
    .sm-simple .scroll-down-arrow {
        border-color: #000 transparent transparent transparent
    }
    .sm-simple .scroll-down,
    .sm-simple .scroll-up {
        background: #89CFF0
    }
}

@media (max-width:991.98px) {
    #mainMenu-trigger {
        display: block
    }
    #espritmenu {
        display: none
    }
}

a {
    transition: .3s
}

.h-100 {
    height: 100%!important
}

.w-100 {
    width: 100%!important
}

.cover-link {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 50
}

.os-theme-dark>.os-scrollbar-vertical,
.os-theme-light>.os-scrollbar-vertical {
    width: 8px;
    right: 3px;
    left: auto
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: #dedede
}

@keyframes pulse {
    0% {
        transform: scale(1, 1)
    }
    25% {
        transform: scale(1, 1)
    }
    50% {
        transform: scale(1.2, 1.2)
    }
    100% {
        transform: scale(1, 1)
    }
}

@keyframes pulse2 {
    0% {
        transform: scale(1, 1)
    }
    25% {
        transform: scale(1, 1)
    }
    50% {
        transform: scale(1.5, 1.5)
    }
    100% {
        transform: scale(1, 1)
    }
}

.topbar {
   background-color: #0B415A;
    position: relative;
}

.tools {
    height: 50px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse
}

.niafam-down-arrow {
    transform: scale(.5);
    font-size: 10px;
    color: #fff;
    margin: 0 0 0 3px;
    top: 0
}

.top-social {
    display: flex;
    flex-direction: row-reverse;
    position: relative
}

.top-social__item:not(:last-child) {
    margin: 0 8px 0 0
}

.top-social__link {
    display: flex;
    color: #fff
}

.top-social__link:hover {
    color: #89CFF0
}

.top-social__icon {
    font-size: 23px
}

.yearname {
    font-size: 14px;
    font-weight: 500;
    color: #0B415A;
    height: 50px;
    padding: 0 14px;
    margin: 0 0 0 20px;
    background-color: #fff;
    display: flex;
    align-items: center
}

.today {
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

#btn-search {
    color: #000;
    display: flex;
    margin: 0 20px 0 15px;
    cursor: pointer
}

#btn-search:hover {
    color: #0B415A
}

.search__icon {
    font-size: 20px
}

.header_extras {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.en_link {
    font-size: 23px;
    font-weight: 500;
    color: #000
}

.en_link:hover {
    color: #0B415A
}

.service_desk {
    background-color: #0B415A;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 0 15px;
    height: 60px;
    display: flex;
    align-items: center
}

.smums_breaking-news {
    height: 60px
}

.bn-label {
    font-weight: 700;
    color: #0B415A;
    padding: 0 7.5px 0 0
}

.bn-label::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(100% + 15px);
    width: 60px;
    height: 100%;
    background-image: linear-gradient(to left, #fff, transparent)
}

.bn-news .news-date {
    color: #0B415A;
    margin: 0 0 0 10px
}

.bn-news ul li a {
    color: #100001
}

.full-slider {
    padding: 0
}

.main-slider {
    overflow: hidden
}

.main-slider .flickity-page-dots {
    bottom: 40px;
    text-align: left;
    padding: 0 0 0 235px
}

.main-slider__cell {
    width: 100%
}

.main-slider__item {
    position: relative;

    width: 100%;
    padding-bottom: 39.044%;
    overflow: hidden
}

.main-slider__item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 195px;
    right: 0;
    top: 0;
    opacity: .6;
    z-index: 5;
    background-image: linear-gradient(to bottom, #fff, transparent)
}

.main-slider__img {
    width: initial;
    height: 100%;
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%)
}

.main-slider__content {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    height: 100%
}

.main-slider__info {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 0 140px 0;
    position: relative;
    z-index: 1
}

.main-slider__title {
    font-size: 22px;
    line-height: 40px;
    color: #0B415A;
    font-weight: 700;
    margin: 0 0 24px 0;
    position: relative
}

.main-slider__title::before {
    content: "";
    position: absolute;
    top: -140px;
    left: -120px;
    background-color: #f2f5ff;
    opacity: .8;
    border-top-left-radius: 150px;
    width: 1000px;
    height: 1000px;
    z-index: -1
}

.main-slider__link {
    font-size: 18px;
    font-weight: 500;
    color: #0B415A;
    padding: 13.5px 34.5px;
    background-color: #89CFF0;
    border-radius: 15px;
    align-self: flex-start
}

.main-slider__link:hover {
    background-color: #0B415A;
    color: #fff
}

.main-slider__content__bg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10
}

.news {
    background-color: #fff;
    padding: 60px 0
}

.main-news__head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.news-tabs {
    display: flex;
    flex-wrap: wrap;
}

.news-tabs__item {
    margin: 10px 0 20px 20px;
}

.news-tabs__link {
    font-size: 18px;
    font-weight: 700;
    color: #c4c4c4;
    padding: 0 0 12px 0;
    position: relative;
    line-height: 18px
}

.news-tabs__link::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    height: 5px;
    width: 0;
    border-radius: 2.5px;
    background-color: #89CFF0;
    transition: .3s
}

.news-tabs__link.active {
    color: #0B415A
}

.news-tabs__link.active::before {
    width: 50px
}

.archive {
    font-size: 16px;
    font-weight: 500;
    color: #0B415A;
    border: 1px solid #0B415A;
    padding: 8.5px 27px;
    border-radius: 15px
}

.news-archive {
    position: absolute;
    left: 0;
    top: -55px;
}

.archive:hover {
    color: #fff;
    border: 1px solid #0B415A;
    background-color: #0B415A
}

.news-tabs__content {
    padding: 10px 0 0 0
}

.news-tabs__pane {
    display: none;
    transition: opacity .3s;
    position: relative;
}

.news-tabs__pane.show {
    display: block
}

.news__item {
    display: flex;
    align-items: center
}

.news__image-div {
    flex: 0 0 180px;
    width: 180px;
    height: 120px;
    border-radius: 15px;
    overflow: hidden;
    position: relative
}

.news__img {
    position: absolute;
    top: 0;
    height: 100%;
    width: initial;
    right: 50%;
    transform: translateX(50%);
    transition: .5s
}

.news__img:hover {
    transform: translateX(50%) rotate(-5deg) scale(1.1)
}

.news__info {
    padding: 0 15px 0 0
}

.news__date {
    font-size: 14px;
    color: #c4c4c4
}

.news__kicker {
    font-size: 14px;
    color: #0B415A;
    margin: 10px 0 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news__title {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

.news__link {
    color: #100001;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news__link:hover {
    color: #C5EAFA
}

.m-t-30 {
    margin-top: 30px!important
}

.smums__head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.smums__title {
    font-size: 18px;
    font-weight: 700;
    color: #0B415A;
    padding: 0 0 16px 0;
    position: relative
}

.smums__title::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    height: 5px;
    width: 50px;
    border-radius: 2.5px;
    background-color: #89CFF0;
    transition: .3s
}

.smums__title--white {
    color: #fff
}

.notifs {
    padding: 12px 25px 0 25px;
    background-color: #fff;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .05);
    border-radius: 15px;
    margin-top: 30px;
    position: relative;
    overflow: hidden
}

.notifs::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 80px;
    bottom: 0;
    z-index: 100;
    transition: .3s;
    right: 0;
    background-image: linear-gradient(to top, #fff, transparent)
}

.notifs:hover::before {
    height: 0
}

.notifs__wrapper {
    height: 368px;
    margin: 0 -22px;
    padding: 0 22px
}

.notif {
    padding-top: 13px
}

.notif:not(:last-child) {
    border-bottom: 1px dashed #c4c4c4
}

.notif:last-child {
    padding-bottom: 10px
}

.notif__title {
    font-size: 14px;
    display: flex
}

.notif__group {
    color: #0B415A;
    margin: 0 0 0 8px;
    white-space: nowrap
}

.notif__link {
    font-weight: 500;
    color: #100001;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.notif__link:hover {
    color: #C5EAFA
}

.notif__date {
    margin: 10px 0 11px;
    font-size: 12px;
    color: #c4c4c4
}

.banner {
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 170px;
    margin-top: 30px;
    border-radius: 15px;
    overflow: hidden
}

.banner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .5;
    z-index: 5;
    top: 0;
    right: 0
}

.banner:hover .benner__img {
    transform: translateY(-50%) rotate(-5deg) scale(1.1)
}

.benner__img {
    position: absolute;
    right: 0;
    width: 100%;
    height: initial;
    top: 50%;
    transform: translateY(-50%);
    transition: .5s
}

.banner__title {
    color: #1A237E;
    font-size: 24px;
    font-weight: 700;
    z-index: 10
}

.links {
    background-color: #0B415A;
    padding: 30px 0
}

.links2 {
    background-color: #0B415A;
    padding: 30px 0
}

.links .flickity-rtl:hover .flickity-prev-next-button.next {
    left: -40px
}

.links .flickity-rtl:hover .flickity-prev-next-button.previous {
    right: -40px
}

.link-slider {
    margin: 0 -15px
}

.link__cell {
    width: 16.66666667%;
    padding: 15px 15px
}

.link__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 215px;
    border-radius: 15px;
    transition: .3s;
    color: #fff;
}

.link__item:hover {
    background-color: #fff;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .05);
    color: #000;
}

.link__item2 {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 215px;
    border-radius: 15px;
    transition: .3s
}

.link__item2:hover,
.link__item:hover {
    background-color: #fff;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .05);
    color: #000;
}

.dt-sc-counter-number {
    font-size: 50px;
    margin-top: 10px;
}

.link__image-div {
    height: 100px;
    position: relative;
    width: 100%
}

.link__img {
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%)
}

.link__title {
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    margin-top: 25px;
    text-align: center;
}

.link__item:hover h4 {
color: #000;
}
.link__title2 {
    font-size: 16px;
    font-weight: 500;
    color: inherit;
    margin-top: 25px;
    text-align: center
}

.gallery {
    padding: 60px 0 30px;
    background-color: #fff
}

.gallery .smums__head {
    margin-bottom: 30px
}

.gallery__archive {
    font-size: 14px;
    font-weight: 500;
    color: #0B415A;
    width: 90px;
    height: 35px;
    background-color: #fff;
    border: 1px solid #0B415A;
    border-radius: 15px;
    position: absolute;
    left: 30px;
    top: 15px;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center
}

.gallery__archive:hover {
    color: #fff;
    border: 1px solid #0B415A;
    background-color: #0B415A
}

.video-slider {
    border-radius: 15px;
    overflow: hidden
}

.video__cell {
    width: 100%
}

.video__item {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 66.6666667%
}

.video__item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, #000, transparent);
    opacity: .75;
    z-index: 5
}

.video__item:hover .video__img {
    transform: translateX(50%) rotate(-5deg) scale(1.1)
}

.video__img {
    position: absolute;
    height: 100%;
    width: initial;
    right: 50%;
    top: 0;
    transform: translateX(50%);
    transition: .5s
}

.video__title {
    position: absolute;
    bottom: 30px;
    width: 100%;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    z-index: 10;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.gallery .flickity-page-dots {
    display: flex;
    width: initial;
    bottom: initial;
    top: 25px;
    right: 25px
}

.video__icon {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateX(50%) translateY(-50%);
    font-size: 60px;
    color: #fff;
    z-index: 10
}

.poster .video__item {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 139.393939394%
}

.video__item--single {
    border-radius: 15px;
    overflow: hidden
}

.video__item--single:not(:last-child) {
    margin-bottom: 20px
}

.more-links {
    padding: 20px 0 60px
}

.left-link {
    background-color: #fff;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .05);
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    height: 83px;
    transition: .3s;
    position: relative
}

.left-link:hover {
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .15)
}

.left-link__img-div {
    width: 124px;
    flex: 0 0 124px;
    height: 100%;
    overflow: hidden;
    position: relative
}

.left-link__img-div::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background-image: linear-gradient(to left, #fff, transparent);
    z-index: 10
}

.left-link__img {
    position: absolute;
    height: 100%;
    width: initial;
    top: 0;
    right: 50%;
    transform: translateX(50%)
}

.left-link__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #100001;
    padding: 0 20px 0 0
}

.link-tabs {
    display: flex
}

.link-tabs .os-content {
    display: flex;
    flex-wrap: wrap;
}

.link-tabs__item:not(:last-child) {
    margin: 0 0 10px 20px
}

.link-tabs__link {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #c4c4c4;
    padding: 0 0 15px 0;
    position: relative;
    line-height: 18px
}

.link-tabs__link::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    height: 5px;
    width: 0;
    border-radius: 2.5px;
    background-color: #89CFF0;
    transition: .3s
}

.link-tabs__link.active {
    color: #0B415A
}

.link-tabs__link.active::before {
    width: 50px
}

.link-tabs__content {
    padding-top: 38px
}

.link-tabs__pane {
    display: none;
    transition: opacity .3s
}

.link-tabs__pane.show {
    display: block
}

.all-links {
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .05);
    border-radius: 15px;
    background-color: #fff;
    height: 100%;
    padding: 30px
}

.more-link {
    color: #100001;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-bottom: 14.4px
}

.more-link:hover {
    color: #C5EAFA
}

.more-link__icon {
    font-size: 20px;
    color: #100001;
    margin: 0 0 0 15px
}

.contact__item {
    display: flex;
    margin-bottom: 15px
}

.contact__icon {
    font-size: 25px;
    color: #fff;
    margin: 0 0 0 15px
}

.contact__text {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    display: flex
}

.contact__img-div {
    padding-bottom: 41.818181812%;
    height: 0;
    overflow: hidden;
    position: relative;
    border-radius: 25px
}

.contact__img {
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    height: 100%;
    width: initial
}

.footer {
    background-color: #0B415A;
    padding-top: 50px
}

.footer .smums__title {
    margin-bottom: 45px
}

.footer__link__item:not(:last-child) {
    margin-bottom: 23px
}

.footer__link {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.footer__link::before {
    font-family: niafam-icons;
    content: "\e931";
    font-size: 14px;
    margin: 0 0 0 10px
}

.footer__link:hover {
    color: #7a7874
}

.statistics__item {
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.statistics__item:not(:last-child) {
    margin-bottom: 22px
}

.vote .title {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px;
    line-height: 28px
}

.vote label {
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 17px
}

.vote label input {
    margin: 0 0 0 15px
}

.vote button {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 15px;
    border: 1px solid #fff;
    width: 90px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    position: relative;
    right: 50%;
    transform: translateX(50%);
    top: 10px;
    transition: .3s
}

.vote button:hover {
    background-color: #fff;
    color: #100001
}

.copyright {
    margin-top: 70px
}

.copyright__inner {
    padding-bottom: 17px
}

.copyright__text {
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.copyright__niafam {
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.footer-social {
    display: flex;
    flex-direction: row-reverse;
    position: absolute;
    bottom: 0;
    left: 15px
}

.social__item {
    margin-right: 8px
}

.social__link {
    color: #fff
}

.social__link:hover {
    color: #7a7874
}

.social__icon {
    font-size: 23px
}

.scrolltop {
    right: 30px;
    opacity: 0;
    position: fixed;
    text-align: center;
    line-height: 12px;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background-color: rgba(0, 0, 0, .25);
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    visibility: hidden;
    transition: .3s;
    z-index: 100
}

.scrolltop::before {
    position: absolute;
    content: "";
    width: 0%;
    height: 0%;
    background: #0B415A;
    right: 50%;
    top: 50%;
    border-radius: 50%;
    transition: .3s
}

.scrolltop--show {
    bottom: 30px;
    opacity: 1;
    visibility: visible
}

.scrolltop i {
    display: block;
    line-height: 39px;
    width: 39px;
    height: 39px;
    font-size: 16px;
    top: 0!important;
    left: 0!important;
    text-align: center;
    position: relative;
    color: #fff;
    z-index: 10;
    transform: translate(0, 0);
    transition: transform .2s ease, -webkit-transform .2s ease
}

.scrolltop:hover::before {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0
}

.scrolltop:hover i {
    transform: translate(0, -39px)!important
}

.main-pusher {
    transition: .3s
}

.main-pusher--pushed {
    transform: translateX(280px)
}

.blind-area {
    width: 280px;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #000;
    padding: 30px 15px;
    z-index: 1000;
    transition: .3s;
    transform: scale(.8);
    visibility: hidden;
    opacity: 0
}

.blind-area--show {
    transform: scale(1);
    visibility: visible;
    opacity: 1
}

.blind {
    margin-bottom: 30px
}

.blind__title {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #434343;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.blind__link {
    display: block;
    padding: .6em;
    margin: 0 0 15px;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background: 0 0;
    border: 1px solid #fff;
    font-size: 16px;
    width: 100%
}

.blind__link.active {
    background-color: #fff;
    color: #333
}

.custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px
}

.custom__info {
    font-size: 15px;
    color: #fff;
    margin-bottom: 10px
}

.custom__btn {
    flex-grow: 1;
    border: 0;
    padding: 12px 0;
    background-color: #2250fc;
    color: #fff;
    font-size: 14pxem
}

.custom__btn:not(:last-child) {
    border-left: .5px solid #2220fc
}

.blind__button {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    position: fixed;
    left: 0;
    top: calc(50% - 35px);
    transition: .3s;
    background-color: #89CFF0;
    border: 0;
    z-index: 1000
}

.blind__button:hover .blind__button__text {
    visibility: visible;
    opacity: 1
}

.blind__button--hidden {
    left: -65px
}

.blind__button__icon {
    color: #fff;
    font-size: 35px
}

.blind__button__text {
    position: absolute;
    border-radius: 5px;
    left: 120%;
    top: 15px;
    font-size: 14px;
    padding: 9.5px 5px;
    color: #fff;
    background-color: #89CFF0;
    white-space: nowrap;
    display: flex;
    visibility: hidden;
    opacity: 0;
    transition: .3s
}

.blind__button__text::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 0;
    top: 50%;
    right: 100%;
    height: 0;
    border-style: solid;
    border-width: 3.5px 5px 3.5px;
    border-color: transparent #89CFF0 transparent transparent;
    transform: translateY(-50%)
}

.blind__overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #000;
    transition: .3s;
    z-index: 500;
    visibility: hidden;
    opacity: 0
}

.blind__overlay:hover {
    cursor: url(../images/close.webp), auto
}

.blind__overlay--show {
    visibility: visible;
    opacity: .5
}

body.colorblind1,
body.zones.colorblind1 {
    -webkit-filter: url(../images/filters.svg#protanopia) grayscale(0)!important;
    filter: url(../images/filters.svg#protanopia) grayscale(0)!important
}

body _:-moz-tree-row(hover),
body.colorblind1,
body.zones.colorblind1 {
    filter: url(../images/filters.svg#protanopia) grayscale(0)!important
}

body.colorblind2,
body.zones.colorblind2 {
    -webkit-filter: url(../images/filters.svg#protanomaly) grayscale(0)!important;
    filter: url(../images/filters.svg#protanomaly) grayscale(0)!important
}

body _:-moz-tree-row(hover),
body.colorblind2,
body.zones.colorblind2 {
    filter: url(../images/filters.svg#protanomaly) grayscale(0)!important
}

body.colorblind3,
body.zones.colorblind3 {
    -webkit-filter: url(../images/filters.svg#deuteranopia) grayscale(0)!important;
    filter: url(../images/filters.svg#deuteranopia) grayscale(0)!important
}

body _:-moz-tree-row(hover),
body.colorblind3,
body.zones.colorblind3 {
    filter: url(../images/filters.svg#deuteranopia) grayscale(0)!important
}

body.colorblind4,
body.zones.colorblind4 {
    -webkit-filter: url(../images/filters.svg#deuteranomaly) grayscale(0)!important;
    filter: url(../images/filters.svg#deuteranomaly) grayscale(0)!important
}

body _:-moz-tree-row(hover),
body.colorblind4,
body.zones.colorblind4 {
    filter: url(../images/filters.svg#deuteranomaly) grayscale(0)!important
}

body.colorblind5,
body.zones.colorblind5 {
    -webkit-filter: url(../images/filters.svg#tritanopia) grayscale(0)!important;
    filter: url(../images/filters.svg#tritanopia) grayscale(0)!important
}

body _:-moz-tree-row(hover),
body.colorblind5,
body.zones.colorblind5 {
    filter: url(../images/filters.svg#tritanopia) grayscale(0)!important
}

body.colorblind6,
body.zones.colorblind6 {
    -webkit-filter: url(../images/filters.svg#tritanomaly) grayscale(0)!important;
    filter: url(../images/filters.svg#tritanomaly) grayscale(0)!important
}

body _:-moz-tree-row(hover),
body.colorblind6,
body.zones.colorblind6 {
    filter: url(../images/filters.svg#tritanomaly) grayscale(0)!important
}

body.colorblind7,
body.zones.colorblind7 {
    -webkit-filter: url(../images/filters.svg#achromatopsia) grayscale(0)!important;
    filter: url(../images/filters.svg#achromatopsia) grayscale(0)!important
}

body _:-moz-tree-row(hover),
body.colorblind7,
body.zones.colorblind7 {
    filter: url(../images/filters.svg#achromatopsia) grayscale(0)!important
}

body.colorblind8,
body.zones.colorblind8 {
    -webkit-filter: url(../images/filters.svg#achromatomaly) grayscale(0)!important;
    filter: url(../images/filters.svg#achromatomaly) grayscale(0)!important
}

body _:-moz-tree-row(hover),
body.colorblind8,
body.zones.colorblind8 {
    filter: url(../images/filters.svg#achromatomaly) grayscale(0)!important
}

@media (max-width:1399.98px) {
    .main-slider__info {
        padding: 0 60px 50px 0
    }
    .main-slider__title {
        font-size: 18px;
        line-height: 32px;
        margin: 0 0 18px 0
    }
    .main-slider__title::before {
        top: -80px
    }
    .main-slider .flickity-page-dots {
        padding: 0 0 0 45px
    }
    .links .flickity-rtl:hover .flickity-prev-next-button.next {
        left: 0
    }
    .links .flickity-rtl:hover .flickity-prev-next-button.previous {
        right: 0
    }
    .links .flickity-rtl .flickity-prev-next-button.next {
        left: 0
    }
    .links .flickity-rtl .flickity-prev-next-button.previous {
        right: 0
    }
}

@media (max-width:1199.98px) {
    .en_link {
        font-size: 20px
    }
    #btn-search {
        margin: 0 10px 0 10px
    }
    .service_desk {
        padding: 0 13px
    }
    .news__image-div {
        flex: 0 0 130px;
        width: 130px;
        height: 87px
    }
    .notif__title {
        letter-spacing: -.5px
    }
    .news__info {
        padding: 0 10px 0 0;
        letter-spacing: -.5px
    }
    .banner {
        height: 140px
    }
    .banner__title {
        font-size: 20px
    }
    .notifs__wrapper {
        height: 286px
    }
    .link__cell {
        width: 25%;
        padding: 15px 15px
    }
    .gallery__archive {
        font-size: 13px;
        width: 80px;
        height: 30px
    }
    .gallery .flickity-page-dots .dot {
        width: 10px;
        height: 10px;
        margin: 0 2px
    }
    .gallery .flickity-page-dots .dot.is-selected {
        height: 20px
    }
    .gallery .flickity-page-dots {
        top: 15px;
        right: 15px
    }
    .contact__text {
        font-size: 14px
    }
    .vote .title {
        font-size: 14px
    }
    .footer__link {
        font-size: 14px
    }
    .statistics__item {
        font-size: 14px
    }
}

@media (max-width:991.98px) {
    .mburger {
        top: 9px
    }
    .menu-parent--fixed {
        position: initial;
        top: initial;
        box-shadow: none
    }
    .main-slider .flickity-page-dots {
        bottom: 10px;
        padding: 0 0 0 15px
    }
    .main-slider__title {
        font-size: 16px;
        line-height: 29px;
        margin: 0 0 10px 0
    }
    .main-slider__link {
        font-size: 14px;
        padding: 10px 22px
    }
    .main-slider__info {
        padding: 0 0 40px 0;
        flex-direction: row;
        align-items: flex-end
    }
    .main-slider__link {
        align-self: flex-end
    }
    .main-slider__title::before {
        top: -30px;
        border-top-left-radius: 0
    }
    .flickity-page-dots .dot {
        width: 10px;
        height: 10px
    }
    .flickity-page-dots .dot.is-selected {
        height: 20px
    }
    .main-slider__item::before {
        opacity: 0
    }
    .notifs__wrapper {
        height: 380px
    }
    .news-tabs__content {
        padding: 10px 0 40px 0
    }
    .banner {
        padding-bottom: 37.37777778%;
        height: 0;
        position: relative
    }
    .banner__title {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .link__cell {
        width: 33.3333333%
    }
    .video-slider:not(.poster) {
        margin: 0 0 30px 0
    }
    .footer {
        padding-top: 20px
    }
    .footer .smums__head {
        margin-top: 30px
    }
    .copyright__text {
        margin-bottom: 15px;
        line-height: 24px
    }
}

@media (max-width:767.98px) {
    .top-social__icon {
        font-size: 20px
    }
    .yearname {
        font-size: 14px;
        font-weight: 500;
        color: #0B415A;
        height: 50px;
        padding: 0 10px;
        margin: 0 0 0 10px;
        background-color: #fff;
        display: flex;
        align-items: center
    }
    .logo-box img {
        width: 200px;
        height: initial
    }
    .leader-box img {
        width: 70px;
        height: initial
    }
    .blind__button__icon {
        font-size: 18px
    }
    .blind__button {
        width: 35px;
        height: 45px
    }
    .link__cell {
        width: 50%
    }
    .news-archive {
        left: auto;
        right: 50%;
        top: auto;
        bottom: 0;
        transform: translateX(50%);
    }
    .news-tabs__pane {
        padding-bottom: 50px;
    }
}

@media (max-width:575.98px) {
    .yearname {
        display: none
    }
    .tums-menu {
        height: 85px
    }
    .menu-height {
        height: 145px
    }
    .service_desk {
        height: 50px
    }
    .menu-parent {
        height: 50px
    }
    .mburger {
        top: 5px
    }
    .main-slider__title {
        font-size: 14px;
        line-height: 20px;
        margin: 0
    }
    .main-slider__title::before {
        top: -20px;
        opacity: .5
    }
    .main-slider .flickity-page-dots {
        display: none
    }
    .main-slider__info {
        padding: 0 0 15px 0
    }
    .bn-label {
        font-size: 14px;
        padding: 0
    }
    .main-news__head .archive {
        display: none
    }
    .news-tabs__item {
        text-align: center;
        display: flex;
        align-items: center
    }
    .news-tabs__link {
        line-height: 24px;
        display: block
    }
    .news-tabs__item:not(:last-child) {
        margin: 0 10px 10px 10px
    }
    .link__cell {
        width: 210px
    }
    .news {
        padding: 40px 0
    }
    .links {
        padding: 20px 0
    }
    .video-slider {
        margin: 0 0 30px 0
    }
    .link-tabs {
        padding-bottom: 20px
    }
    .link-tabs__content {
        padding-top: 18px
    }
}

.es-poll-progress-bar {
    background-color: #ff0000 !important;
}

.es-poll-progress {
    border: 1px solid #ff0000 !important;
    margin-bottom: 10px !important;
}

.es-d-flex {
    display: flex;
}

.es-justify-content-between {
    justify-content: space-between
}

.answers-title,
.answers-value {
    font-size: 14px;
    color: #fff
}

.inner-div {
    min-height: 700px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    background-color: #fff;
    padding: 30px;
    margin: 30px 0
}

.breadcrumb-area {
    background-color: #f5f7ff;
}

.breadcrumb-area ul.breadcrumb {
    margin: 0;
    padding: 10px 0px;
}

.breadcrumb-area ul.breadcrumb li+li:before {
    padding: 0px 5px 0 0;
    color: #000;
    content: "\e931";
    font-family: niafam-icons;
    font-size: 15px;
    position: relative;
    top: 3px;
}

.es-post-kicker {
    font-size: 14px;
    color: #3e7fcf;
}

.es-post-item .es-post-title a {
    color: #3c415b;
    font-size: 16px;
}

.es-post-item .es-post-meta .es-meta {
    color: #c4c4c4;
    font-size: 14px;
    margin: 5px 0 7px;
}

.es-post-summary {
    font-size: 14px;
    line-height: 24px;
}

.news-info-wrap {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0px;
    position: relative;
    margin-bottom: 20px;
}

.news-info-wrap ul {
    margin: 0;
    display: flex;
}

.news-info-wrap ul li {
    margin-left: 0px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.news-info-wrap ul li i {
    color: #162559;
    font-size: 1.2em;
    margin-left: 5px;
}

.news-info-wrap ul.left-print li {
    margin: 0;
}

.news-info-wrap .news-info {
    line-height: 1;
    height: 100%;
    display: flex;
    align-items: center
}

.news-info-wrap .news-tools li a {
    display: flex
}

.news-tools {
    height: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.news-info-wrap::after {
    content: '';
    position: absolute;
    top: 100%;
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #fff transparent transparent transparent
}

.news-info-wrap::before {
    content: '';
    position: absolute;
    top: 100%;
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 12px 0 12px;
    border-color: #d3d3d3 transparent transparent transparent
}

.news-head h6 {
    font-weight: 600;
    font-size: 14px;
    color: #004e88;
    margin-bottom: 0;
    line-height: 28px;
}

.news-head h2 {
    font-weight: 900;
    font-size: 16px;
    color: #000;
    line-height: 32px;
    margin-bottom: 10px;
}

.news-lead p {
    background: #eff3f6;
    margin-bottom: 15px;
    padding: 10px 15px;
    text-align: justify;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #000;
}

.news-content .news-img {
    float: left;
    border: 5px solid #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    margin: 0 20px 15px 0;
    display: flex;
}

.extra-meta ul li span,
.extra-meta ul li i {
    color: #dc3545;
    font-weight: 500;
}

.short-url-area {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    width: 300px;
    margin-bottom: 30px;
}

.short-url-area #shorturl {
    text-align: left;
    border-radius: 0!important
}

.short-url-area .btn {
    font-weight: 400!important;
    font-size: 14px!important;
    border-radius: 0!important;
    margin: 0!important;
    width: 115px;
    letter-spacing: 0!important;
    background: #dc3545!important;
    color: #fff!important;
    border: 1px solid #dc3545!important;
    padding: 0 10px!important
}

.inner-div p,
.inner-div pre,
.inner-div span {
    line-height: 45px;
}

.es-form-simple .es-has-icon-right>input[type] {
    font-size: 14px;
}

.es-position-relative .es-form-control {
    font-size: 14px;
}

.es-post-title {
    font-size: 16px;
    font-weight: 600;
}

.es-post-content .es-post-meta ul {
    font-size: 14px;
    line-height: 24px;
    color: #929292;
}

.es-post-gallery {
    margin-top: 20px;
}

.es-post-content {
    text-align: justify;
}

.mn-t-30 .smums__head {
    margin-top: 30px;
}

#inneral-page .banner {
    margin-bottom: 30px;
}

.inner__left-links {
    margin-bottom: 30px;
}