@charset "UTF-8";

body,
html {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: relative;
    height: 100%;
    cursor: default
}

@-ms-viewport {
    width: device-width
}

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

body {
    font-family: Open Sans, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #636c72;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    background: #000
}

::-moz-selection {
    color: #fff;
    background: #125
}

::selection {
    color: #fff;
    background: #125
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

dl,
ol,
p,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    cursor: help
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote,
figure {
    margin: 0 0 1rem
}

a {
    color: #aeff95
}

a:focus,
a:hover {
    color: #75ba60;
    text-decoration: underline
}

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

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

img {
    vertical-align: middle;
    max-width: 100%
}

[role=button] {
    cursor: pointer
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #636c72;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: left
}

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

button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

button,
input,
select,
textarea {
    line-height: inherit
}

input[type=checkbox]:disabled,
input[type=radio]:disabled {
    cursor: not-allowed
}

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

textarea {
    resize: vertical
}

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

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}

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

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-04 {
    margin: 4px !important
}

.mt-04 {
    margin-top: 4px !important
}

.mr-04 {
    margin-right: 4px !important
}

.mb-04 {
    margin-bottom: 4px !important
}

.ml-04 {
    margin-left: 4px !important
}

.mx-04 {
    margin-right: 4px !important;
    margin-left: 4px !important
}

.my-04 {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.m-1 {
    margin: 5px !important
}

.mt-1 {
    margin-top: 5px !important
}

.mr-1 {
    margin-right: 5px !important
}

.mb-1 {
    margin-bottom: 5px !important
}

.ml-1 {
    margin-left: 5px !important
}

.mx-1 {
    margin-right: 5px !important;
    margin-left: 5px !important
}

.my-1 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.m-2 {
    margin: 10px !important
}

.mt-2 {
    margin-top: 10px !important
}

.mr-2 {
    margin-right: 10px !important
}

.mb-2 {
    margin-bottom: 10px !important
}

.ml-2 {
    margin-left: 10px !important
}

.mx-2 {
    margin-right: 10px !important;
    margin-left: 10px !important
}

.my-2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.m-3 {
    margin: 15px !important
}

.mt-3 {
    margin-top: 15px !important
}

.content-image-left,
.mr-3 {
    margin-right: 15px !important
}

.mb-3 {
    margin-bottom: 15px !important
}

.content-image-right,
.ml-3 {
    margin-left: 15px !important
}

.mx-3 {
    margin-right: 15px !important;
    margin-left: 15px !important
}

.my-3 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.m-4 {
    margin: 20px !important
}

.mt-4 {
    margin-top: 20px !important
}

.mr-4 {
    margin-right: 20px !important
}

.mb-4 {
    margin-bottom: 20px !important
}

.ml-4 {
    margin-left: 20px !important
}

.mx-4 {
    margin-right: 20px !important;
    margin-left: 20px !important
}

.my-4 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.m-5 {
    margin: 30px !important
}

.mt-5 {
    margin-top: 30px !important
}

.mr-5 {
    margin-right: 30px !important
}

.mb-5 {
    margin-bottom: 30px !important
}

.ml-5 {
    margin-left: 30px !important
}

.mx-5 {
    margin-right: 30px !important;
    margin-left: 30px !important
}

.my-5 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-04 {
    padding: 4px !important
}

.pt-04 {
    padding-top: 4px !important
}

.pr-04 {
    padding-right: 4px !important
}

.pb-04 {
    padding-bottom: 4px !important
}

.pl-04 {
    padding-left: 4px !important
}

.px-04 {
    padding-right: 4px !important;
    padding-left: 4px !important
}

.py-04 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.p-1 {
    padding: 5px !important
}

.pt-1 {
    padding-top: 5px !important
}

.pr-1 {
    padding-right: 5px !important
}

.pb-1 {
    padding-bottom: 5px !important
}

.pl-1 {
    padding-left: 5px !important
}

.px-1 {
    padding-right: 5px !important;
    padding-left: 5px !important
}

.py-1 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.p-2 {
    padding: 10px !important
}

.pt-2 {
    padding-top: 10px !important
}

.pr-2 {
    padding-right: 10px !important
}

.pb-2 {
    padding-bottom: 10px !important
}

.pl-2 {
    padding-left: 10px !important
}

.px-2 {
    padding-right: 10px !important;
    padding-left: 10px !important
}

.py-2 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.p-3 {
    padding: 15px !important
}

.pt-3 {
    padding-top: 15px !important
}

.pr-3 {
    padding-right: 15px !important
}

.pb-3 {
    padding-bottom: 15px !important
}

.pl-3 {
    padding-left: 15px !important
}

.px-3 {
    padding-right: 15px !important;
    padding-left: 15px !important
}

.py-3 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.p-4 {
    padding: 20px !important
}

.pt-4 {
    padding-top: 20px !important
}

.pr-4 {
    padding-right: 20px !important
}

.pb-4 {
    padding-bottom: 20px !important
}

.pl-4 {
    padding-left: 20px !important
}

.px-4 {
    padding-right: 20px !important;
    padding-left: 20px !important
}

.py-4 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.p-5 {
    padding: 30px !important
}

.pt-5 {
    padding-top: 30px !important
}

.pr-5 {
    padding-right: 30px !important
}

.pb-5 {
    padding-bottom: 30px !important
}

.pl-5 {
    padding-left: 30px !important
}

.px-5 {
    padding-right: 30px !important;
    padding-left: 30px !important
}

.py-5 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.m-auto {
    margin: auto !important
}

.mt-auto {
    margin-top: auto !important
}

.mr-auto {
    margin-right: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-auto {
    margin-left: auto !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0 {
        margin-left: 0 !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-sm-04 {
        margin: 4px !important
    }

    .mt-sm-04 {
        margin-top: 4px !important
    }

    .mr-sm-04 {
        margin-right: 4px !important
    }

    .mb-sm-04 {
        margin-bottom: 4px !important
    }

    .ml-sm-04 {
        margin-left: 4px !important
    }

    .mx-sm-04 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .my-sm-04 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .m-sm-1 {
        margin: 5px !important
    }

    .mt-sm-1 {
        margin-top: 5px !important
    }

    .mr-sm-1 {
        margin-right: 5px !important
    }

    .mb-sm-1 {
        margin-bottom: 5px !important
    }

    .ml-sm-1 {
        margin-left: 5px !important
    }

    .mx-sm-1 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .my-sm-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .m-sm-2 {
        margin: 10px !important
    }

    .mt-sm-2 {
        margin-top: 10px !important
    }

    .mr-sm-2 {
        margin-right: 10px !important
    }

    .mb-sm-2 {
        margin-bottom: 10px !important
    }

    .ml-sm-2 {
        margin-left: 10px !important
    }

    .mx-sm-2 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .my-sm-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .m-sm-3 {
        margin: 15px !important
    }

    .mt-sm-3 {
        margin-top: 15px !important
    }

    .mr-sm-3 {
        margin-right: 15px !important
    }

    .mb-sm-3 {
        margin-bottom: 15px !important
    }

    .ml-sm-3 {
        margin-left: 15px !important
    }

    .mx-sm-3 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .my-sm-3 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .m-sm-4 {
        margin: 20px !important
    }

    .mt-sm-4 {
        margin-top: 20px !important
    }

    .mr-sm-4 {
        margin-right: 20px !important
    }

    .mb-sm-4 {
        margin-bottom: 20px !important
    }

    .ml-sm-4 {
        margin-left: 20px !important
    }

    .mx-sm-4 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .my-sm-4 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .m-sm-5 {
        margin: 30px !important
    }

    .mt-sm-5 {
        margin-top: 30px !important
    }

    .mr-sm-5 {
        margin-right: 30px !important
    }

    .mb-sm-5 {
        margin-bottom: 30px !important
    }

    .ml-sm-5 {
        margin-left: 30px !important
    }

    .mx-sm-5 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .my-sm-5 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0 {
        padding-left: 0 !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-sm-04 {
        padding: 4px !important
    }

    .pt-sm-04 {
        padding-top: 4px !important
    }

    .pr-sm-04 {
        padding-right: 4px !important
    }

    .pb-sm-04 {
        padding-bottom: 4px !important
    }

    .pl-sm-04 {
        padding-left: 4px !important
    }

    .px-sm-04 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .py-sm-04 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .p-sm-1 {
        padding: 5px !important
    }

    .pt-sm-1 {
        padding-top: 5px !important
    }

    .pr-sm-1 {
        padding-right: 5px !important
    }

    .pb-sm-1 {
        padding-bottom: 5px !important
    }

    .pl-sm-1 {
        padding-left: 5px !important
    }

    .px-sm-1 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .py-sm-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .p-sm-2 {
        padding: 10px !important
    }

    .pt-sm-2 {
        padding-top: 10px !important
    }

    .pr-sm-2 {
        padding-right: 10px !important
    }

    .pb-sm-2 {
        padding-bottom: 10px !important
    }

    .pl-sm-2 {
        padding-left: 10px !important
    }

    .px-sm-2 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .py-sm-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .p-sm-3 {
        padding: 15px !important
    }

    .pt-sm-3 {
        padding-top: 15px !important
    }

    .pr-sm-3 {
        padding-right: 15px !important
    }

    .pb-sm-3 {
        padding-bottom: 15px !important
    }

    .pl-sm-3 {
        padding-left: 15px !important
    }

    .px-sm-3 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .py-sm-3 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .p-sm-4 {
        padding: 20px !important
    }

    .pt-sm-4 {
        padding-top: 20px !important
    }

    .pr-sm-4 {
        padding-right: 20px !important
    }

    .pb-sm-4 {
        padding-bottom: 20px !important
    }

    .pl-sm-4 {
        padding-left: 20px !important
    }

    .px-sm-4 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .py-sm-4 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .p-sm-5 {
        padding: 30px !important
    }

    .pt-sm-5 {
        padding-top: 30px !important
    }

    .pr-sm-5 {
        padding-right: 30px !important
    }

    .pb-sm-5 {
        padding-bottom: 30px !important
    }

    .pl-sm-5 {
        padding-left: 30px !important
    }

    .px-sm-5 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .py-sm-5 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto {
        margin-left: auto !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .hidden-sm-up {
        display: none !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0 {
        margin-left: 0 !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-md-04 {
        margin: 4px !important
    }

    .mt-md-04 {
        margin-top: 4px !important
    }

    .mr-md-04 {
        margin-right: 4px !important
    }

    .mb-md-04 {
        margin-bottom: 4px !important
    }

    .ml-md-04 {
        margin-left: 4px !important
    }

    .mx-md-04 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .my-md-04 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .m-md-1 {
        margin: 5px !important
    }

    .mt-md-1 {
        margin-top: 5px !important
    }

    .mr-md-1 {
        margin-right: 5px !important
    }

    .mb-md-1 {
        margin-bottom: 5px !important
    }

    .ml-md-1 {
        margin-left: 5px !important
    }

    .mx-md-1 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .my-md-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .m-md-2 {
        margin: 10px !important
    }

    .mt-md-2 {
        margin-top: 10px !important
    }

    .mr-md-2 {
        margin-right: 10px !important
    }

    .mb-md-2 {
        margin-bottom: 10px !important
    }

    .ml-md-2 {
        margin-left: 10px !important
    }

    .mx-md-2 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .my-md-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .m-md-3 {
        margin: 15px !important
    }

    .mt-md-3 {
        margin-top: 15px !important
    }

    .mr-md-3 {
        margin-right: 15px !important
    }

    .mb-md-3 {
        margin-bottom: 15px !important
    }

    .ml-md-3 {
        margin-left: 15px !important
    }

    .mx-md-3 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .my-md-3 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .m-md-4 {
        margin: 20px !important
    }

    .mt-md-4 {
        margin-top: 20px !important
    }

    .mr-md-4 {
        margin-right: 20px !important
    }

    .mb-md-4 {
        margin-bottom: 20px !important
    }

    .ml-md-4 {
        margin-left: 20px !important
    }

    .mx-md-4 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .my-md-4 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .m-md-5 {
        margin: 30px !important
    }

    .mt-md-5 {
        margin-top: 30px !important
    }

    .mr-md-5 {
        margin-right: 30px !important
    }

    .mb-md-5 {
        margin-bottom: 30px !important
    }

    .ml-md-5 {
        margin-left: 30px !important
    }

    .mx-md-5 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .my-md-5 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0 {
        padding-left: 0 !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-md-04 {
        padding: 4px !important
    }

    .pt-md-04 {
        padding-top: 4px !important
    }

    .pr-md-04 {
        padding-right: 4px !important
    }

    .pb-md-04 {
        padding-bottom: 4px !important
    }

    .pl-md-04 {
        padding-left: 4px !important
    }

    .px-md-04 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .py-md-04 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .p-md-1 {
        padding: 5px !important
    }

    .pt-md-1 {
        padding-top: 5px !important
    }

    .pr-md-1 {
        padding-right: 5px !important
    }

    .pb-md-1 {
        padding-bottom: 5px !important
    }

    .pl-md-1 {
        padding-left: 5px !important
    }

    .px-md-1 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .py-md-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .p-md-2 {
        padding: 10px !important
    }

    .pt-md-2 {
        padding-top: 10px !important
    }

    .pr-md-2 {
        padding-right: 10px !important
    }

    .pb-md-2 {
        padding-bottom: 10px !important
    }

    .pl-md-2 {
        padding-left: 10px !important
    }

    .px-md-2 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .py-md-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .p-md-3 {
        padding: 15px !important
    }

    .pt-md-3 {
        padding-top: 15px !important
    }

    .pr-md-3 {
        padding-right: 15px !important
    }

    .pb-md-3 {
        padding-bottom: 15px !important
    }

    .pl-md-3 {
        padding-left: 15px !important
    }

    .px-md-3 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .py-md-3 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .p-md-4 {
        padding: 20px !important
    }

    .pt-md-4 {
        padding-top: 20px !important
    }

    .pr-md-4 {
        padding-right: 20px !important
    }

    .pb-md-4 {
        padding-bottom: 20px !important
    }

    .pl-md-4 {
        padding-left: 20px !important
    }

    .px-md-4 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .py-md-4 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .p-md-5 {
        padding: 30px !important
    }

    .pt-md-5 {
        padding-top: 30px !important
    }

    .pr-md-5 {
        padding-right: 30px !important
    }

    .pb-md-5 {
        padding-bottom: 30px !important
    }

    .pl-md-5 {
        padding-left: 30px !important
    }

    .px-md-5 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .py-md-5 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto {
        margin-left: auto !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .hidden-md-up {
        display: none !important
    }
}

@media (min-width:958px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0 {
        margin-left: 0 !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-lg-04 {
        margin: 4px !important
    }

    .mt-lg-04 {
        margin-top: 4px !important
    }

    .mr-lg-04 {
        margin-right: 4px !important
    }

    .mb-lg-04 {
        margin-bottom: 4px !important
    }

    .ml-lg-04 {
        margin-left: 4px !important
    }

    .mx-lg-04 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .my-lg-04 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .m-lg-1 {
        margin: 5px !important
    }

    .mt-lg-1 {
        margin-top: 5px !important
    }

    .mr-lg-1 {
        margin-right: 5px !important
    }

    .mb-lg-1 {
        margin-bottom: 5px !important
    }

    .ml-lg-1 {
        margin-left: 5px !important
    }

    .mx-lg-1 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .my-lg-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .m-lg-2 {
        margin: 10px !important
    }

    .mt-lg-2 {
        margin-top: 10px !important
    }

    .mr-lg-2 {
        margin-right: 10px !important
    }

    .mb-lg-2 {
        margin-bottom: 10px !important
    }

    .ml-lg-2 {
        margin-left: 10px !important
    }

    .mx-lg-2 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .my-lg-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .m-lg-3 {
        margin: 15px !important
    }

    .mt-lg-3 {
        margin-top: 15px !important
    }

    .mr-lg-3 {
        margin-right: 15px !important
    }

    .mb-lg-3 {
        margin-bottom: 15px !important
    }

    .ml-lg-3 {
        margin-left: 15px !important
    }

    .mx-lg-3 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .my-lg-3 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .m-lg-4 {
        margin: 20px !important
    }

    .mt-lg-4 {
        margin-top: 20px !important
    }

    .mr-lg-4 {
        margin-right: 20px !important
    }

    .mb-lg-4 {
        margin-bottom: 20px !important
    }

    .ml-lg-4 {
        margin-left: 20px !important
    }

    .mx-lg-4 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .my-lg-4 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .m-lg-5 {
        margin: 30px !important
    }

    .mt-lg-5 {
        margin-top: 30px !important
    }

    .mr-lg-5 {
        margin-right: 30px !important
    }

    .mb-lg-5 {
        margin-bottom: 30px !important
    }

    .ml-lg-5 {
        margin-left: 30px !important
    }

    .mx-lg-5 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .my-lg-5 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0 {
        padding-left: 0 !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-lg-04 {
        padding: 4px !important
    }

    .pt-lg-04 {
        padding-top: 4px !important
    }

    .pr-lg-04 {
        padding-right: 4px !important
    }

    .pb-lg-04 {
        padding-bottom: 4px !important
    }

    .pl-lg-04 {
        padding-left: 4px !important
    }

    .px-lg-04 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .py-lg-04 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .p-lg-1 {
        padding: 5px !important
    }

    .pt-lg-1 {
        padding-top: 5px !important
    }

    .pr-lg-1 {
        padding-right: 5px !important
    }

    .pb-lg-1 {
        padding-bottom: 5px !important
    }

    .pl-lg-1 {
        padding-left: 5px !important
    }

    .px-lg-1 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .py-lg-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .p-lg-2 {
        padding: 10px !important
    }

    .pt-lg-2 {
        padding-top: 10px !important
    }

    .pr-lg-2 {
        padding-right: 10px !important
    }

    .pb-lg-2 {
        padding-bottom: 10px !important
    }

    .pl-lg-2 {
        padding-left: 10px !important
    }

    .px-lg-2 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .py-lg-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .p-lg-3 {
        padding: 15px !important
    }

    .pt-lg-3 {
        padding-top: 15px !important
    }

    .pr-lg-3 {
        padding-right: 15px !important
    }

    .pb-lg-3 {
        padding-bottom: 15px !important
    }

    .pl-lg-3 {
        padding-left: 15px !important
    }

    .px-lg-3 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .py-lg-3 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .p-lg-4 {
        padding: 20px !important
    }

    .pt-lg-4 {
        padding-top: 20px !important
    }

    .pr-lg-4 {
        padding-right: 20px !important
    }

    .pb-lg-4 {
        padding-bottom: 20px !important
    }

    .pl-lg-4 {
        padding-left: 20px !important
    }

    .px-lg-4 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .py-lg-4 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .p-lg-5 {
        padding: 30px !important
    }

    .pt-lg-5 {
        padding-top: 30px !important
    }

    .pr-lg-5 {
        padding-right: 30px !important
    }

    .pb-lg-5 {
        padding-bottom: 30px !important
    }

    .pl-lg-5 {
        padding-left: 30px !important
    }

    .px-lg-5 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .py-lg-5 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto {
        margin-left: auto !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .hidden-lg-up {
        display: none !important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0 {
        margin-left: 0 !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xl-04 {
        margin: 4px !important
    }

    .mt-xl-04 {
        margin-top: 4px !important
    }

    .mr-xl-04 {
        margin-right: 4px !important
    }

    .mb-xl-04 {
        margin-bottom: 4px !important
    }

    .ml-xl-04 {
        margin-left: 4px !important
    }

    .mx-xl-04 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .my-xl-04 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .m-xl-1 {
        margin: 5px !important
    }

    .mt-xl-1 {
        margin-top: 5px !important
    }

    .mr-xl-1 {
        margin-right: 5px !important
    }

    .mb-xl-1 {
        margin-bottom: 5px !important
    }

    .ml-xl-1 {
        margin-left: 5px !important
    }

    .mx-xl-1 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .my-xl-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .m-xl-2 {
        margin: 10px !important
    }

    .mt-xl-2 {
        margin-top: 10px !important
    }

    .mr-xl-2 {
        margin-right: 10px !important
    }

    .mb-xl-2 {
        margin-bottom: 10px !important
    }

    .ml-xl-2 {
        margin-left: 10px !important
    }

    .mx-xl-2 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .my-xl-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .m-xl-3 {
        margin: 15px !important
    }

    .mt-xl-3 {
        margin-top: 15px !important
    }

    .mr-xl-3 {
        margin-right: 15px !important
    }

    .mb-xl-3 {
        margin-bottom: 15px !important
    }

    .ml-xl-3 {
        margin-left: 15px !important
    }

    .mx-xl-3 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .my-xl-3 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .m-xl-4 {
        margin: 20px !important
    }

    .mt-xl-4 {
        margin-top: 20px !important
    }

    .mr-xl-4 {
        margin-right: 20px !important
    }

    .mb-xl-4 {
        margin-bottom: 20px !important
    }

    .ml-xl-4 {
        margin-left: 20px !important
    }

    .mx-xl-4 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .my-xl-4 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .m-xl-5 {
        margin: 30px !important
    }

    .mt-xl-5 {
        margin-top: 30px !important
    }

    .mr-xl-5 {
        margin-right: 30px !important
    }

    .mb-xl-5 {
        margin-bottom: 30px !important
    }

    .ml-xl-5 {
        margin-left: 30px !important
    }

    .mx-xl-5 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .my-xl-5 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0 {
        padding-left: 0 !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xl-04 {
        padding: 4px !important
    }

    .pt-xl-04 {
        padding-top: 4px !important
    }

    .pr-xl-04 {
        padding-right: 4px !important
    }

    .pb-xl-04 {
        padding-bottom: 4px !important
    }

    .pl-xl-04 {
        padding-left: 4px !important
    }

    .px-xl-04 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .py-xl-04 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .p-xl-1 {
        padding: 5px !important
    }

    .pt-xl-1 {
        padding-top: 5px !important
    }

    .pr-xl-1 {
        padding-right: 5px !important
    }

    .pb-xl-1 {
        padding-bottom: 5px !important
    }

    .pl-xl-1 {
        padding-left: 5px !important
    }

    .px-xl-1 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .py-xl-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .p-xl-2 {
        padding: 10px !important
    }

    .pt-xl-2 {
        padding-top: 10px !important
    }

    .pr-xl-2 {
        padding-right: 10px !important
    }

    .pb-xl-2 {
        padding-bottom: 10px !important
    }

    .pl-xl-2 {
        padding-left: 10px !important
    }

    .px-xl-2 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .py-xl-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .p-xl-3 {
        padding: 15px !important
    }

    .pt-xl-3 {
        padding-top: 15px !important
    }

    .pr-xl-3 {
        padding-right: 15px !important
    }

    .pb-xl-3 {
        padding-bottom: 15px !important
    }

    .pl-xl-3 {
        padding-left: 15px !important
    }

    .px-xl-3 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .py-xl-3 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .p-xl-4 {
        padding: 20px !important
    }

    .pt-xl-4 {
        padding-top: 20px !important
    }

    .pr-xl-4 {
        padding-right: 20px !important
    }

    .pb-xl-4 {
        padding-bottom: 20px !important
    }

    .pl-xl-4 {
        padding-left: 20px !important
    }

    .px-xl-4 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .py-xl-4 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .p-xl-5 {
        padding: 30px !important
    }

    .pt-xl-5 {
        padding-top: 30px !important
    }

    .pr-xl-5 {
        padding-right: 30px !important
    }

    .pb-xl-5 {
        padding-bottom: 30px !important
    }

    .pl-xl-5 {
        padding-left: 30px !important
    }

    .px-xl-5 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .py-xl-5 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto {
        margin-left: auto !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .hidden-xl-up {
        display: none !important
    }
}

@media (min-width:1370px) {
    .m-xxl-0 {
        margin: 0 !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mr-xxl-0 {
        margin-right: 0 !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .ml-xxl-0 {
        margin-left: 0 !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xxl-04 {
        margin: 4px !important
    }

    .mt-xxl-04 {
        margin-top: 4px !important
    }

    .mr-xxl-04 {
        margin-right: 4px !important
    }

    .mb-xxl-04 {
        margin-bottom: 4px !important
    }

    .ml-xxl-04 {
        margin-left: 4px !important
    }

    .mx-xxl-04 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .my-xxl-04 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .m-xxl-1 {
        margin: 5px !important
    }

    .mt-xxl-1 {
        margin-top: 5px !important
    }

    .mr-xxl-1 {
        margin-right: 5px !important
    }

    .mb-xxl-1 {
        margin-bottom: 5px !important
    }

    .ml-xxl-1 {
        margin-left: 5px !important
    }

    .mx-xxl-1 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .my-xxl-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .m-xxl-2 {
        margin: 10px !important
    }

    .mt-xxl-2 {
        margin-top: 10px !important
    }

    .mr-xxl-2 {
        margin-right: 10px !important
    }

    .mb-xxl-2 {
        margin-bottom: 10px !important
    }

    .ml-xxl-2 {
        margin-left: 10px !important
    }

    .mx-xxl-2 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .my-xxl-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .m-xxl-3 {
        margin: 15px !important
    }

    .mt-xxl-3 {
        margin-top: 15px !important
    }

    .mr-xxl-3 {
        margin-right: 15px !important
    }

    .mb-xxl-3 {
        margin-bottom: 15px !important
    }

    .ml-xxl-3 {
        margin-left: 15px !important
    }

    .mx-xxl-3 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .my-xxl-3 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .m-xxl-4 {
        margin: 20px !important
    }

    .mt-xxl-4 {
        margin-top: 20px !important
    }

    .mr-xxl-4 {
        margin-right: 20px !important
    }

    .mb-xxl-4 {
        margin-bottom: 20px !important
    }

    .ml-xxl-4 {
        margin-left: 20px !important
    }

    .mx-xxl-4 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .my-xxl-4 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .m-xxl-5 {
        margin: 30px !important
    }

    .mt-xxl-5 {
        margin-top: 30px !important
    }

    .mr-xxl-5 {
        margin-right: 30px !important
    }

    .mb-xxl-5 {
        margin-bottom: 30px !important
    }

    .ml-xxl-5 {
        margin-left: 30px !important
    }

    .mx-xxl-5 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .my-xxl-5 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pr-xxl-0 {
        padding-right: 0 !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pl-xxl-0 {
        padding-left: 0 !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xxl-04 {
        padding: 4px !important
    }

    .pt-xxl-04 {
        padding-top: 4px !important
    }

    .pr-xxl-04 {
        padding-right: 4px !important
    }

    .pb-xxl-04 {
        padding-bottom: 4px !important
    }

    .pl-xxl-04 {
        padding-left: 4px !important
    }

    .px-xxl-04 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .py-xxl-04 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .p-xxl-1 {
        padding: 5px !important
    }

    .pt-xxl-1 {
        padding-top: 5px !important
    }

    .pr-xxl-1 {
        padding-right: 5px !important
    }

    .pb-xxl-1 {
        padding-bottom: 5px !important
    }

    .pl-xxl-1 {
        padding-left: 5px !important
    }

    .px-xxl-1 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .py-xxl-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .p-xxl-2 {
        padding: 10px !important
    }

    .pt-xxl-2 {
        padding-top: 10px !important
    }

    .pr-xxl-2 {
        padding-right: 10px !important
    }

    .pb-xxl-2 {
        padding-bottom: 10px !important
    }

    .pl-xxl-2 {
        padding-left: 10px !important
    }

    .px-xxl-2 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .py-xxl-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .p-xxl-3 {
        padding: 15px !important
    }

    .pt-xxl-3 {
        padding-top: 15px !important
    }

    .pr-xxl-3 {
        padding-right: 15px !important
    }

    .pb-xxl-3 {
        padding-bottom: 15px !important
    }

    .pl-xxl-3 {
        padding-left: 15px !important
    }

    .px-xxl-3 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .py-xxl-3 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .p-xxl-4 {
        padding: 20px !important
    }

    .pt-xxl-4 {
        padding-top: 20px !important
    }

    .pr-xxl-4 {
        padding-right: 20px !important
    }

    .pb-xxl-4 {
        padding-bottom: 20px !important
    }

    .pl-xxl-4 {
        padding-left: 20px !important
    }

    .px-xxl-4 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .py-xxl-4 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .p-xxl-5 {
        padding: 30px !important
    }

    .pt-xxl-5 {
        padding-top: 30px !important
    }

    .pr-xxl-5 {
        padding-right: 30px !important
    }

    .pb-xxl-5 {
        padding-bottom: 30px !important
    }

    .pl-xxl-5 {
        padding-left: 30px !important
    }

    .px-xxl-5 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .py-xxl-5 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .mr-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxl-auto {
        margin-left: auto !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .hidden-xxl-up {
        display: none !important
    }
}

.invisible {
    visibility: hidden !important
}

.hidden-xs-up {
    display: none !important
}

@media (max-width:575px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (max-width:767px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (max-width:957px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (max-width:1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media (max-width:1369px) {
    .hidden-xl-down {
        display: none !important
    }
}

@media (max-width:1499px) {
    .hidden-xxl-down {
        display: none !important
    }
}

@media (min-width:1500px) {
    .m-xxxl-0 {
        margin: 0 !important
    }

    .mt-xxxl-0 {
        margin-top: 0 !important
    }

    .mr-xxxl-0 {
        margin-right: 0 !important
    }

    .mb-xxxl-0 {
        margin-bottom: 0 !important
    }

    .ml-xxxl-0 {
        margin-left: 0 !important
    }

    .mx-xxxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xxxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xxxl-04 {
        margin: 4px !important
    }

    .mt-xxxl-04 {
        margin-top: 4px !important
    }

    .mr-xxxl-04 {
        margin-right: 4px !important
    }

    .mb-xxxl-04 {
        margin-bottom: 4px !important
    }

    .ml-xxxl-04 {
        margin-left: 4px !important
    }

    .mx-xxxl-04 {
        margin-right: 4px !important;
        margin-left: 4px !important
    }

    .my-xxxl-04 {
        margin-top: 4px !important;
        margin-bottom: 4px !important
    }

    .m-xxxl-1 {
        margin: 5px !important
    }

    .mt-xxxl-1 {
        margin-top: 5px !important
    }

    .mr-xxxl-1 {
        margin-right: 5px !important
    }

    .mb-xxxl-1 {
        margin-bottom: 5px !important
    }

    .ml-xxxl-1 {
        margin-left: 5px !important
    }

    .mx-xxxl-1 {
        margin-right: 5px !important;
        margin-left: 5px !important
    }

    .my-xxxl-1 {
        margin-top: 5px !important;
        margin-bottom: 5px !important
    }

    .m-xxxl-2 {
        margin: 10px !important
    }

    .mt-xxxl-2 {
        margin-top: 10px !important
    }

    .mr-xxxl-2 {
        margin-right: 10px !important
    }

    .mb-xxxl-2 {
        margin-bottom: 10px !important
    }

    .ml-xxxl-2 {
        margin-left: 10px !important
    }

    .mx-xxxl-2 {
        margin-right: 10px !important;
        margin-left: 10px !important
    }

    .my-xxxl-2 {
        margin-top: 10px !important;
        margin-bottom: 10px !important
    }

    .m-xxxl-3 {
        margin: 15px !important
    }

    .mt-xxxl-3 {
        margin-top: 15px !important
    }

    .mr-xxxl-3 {
        margin-right: 15px !important
    }

    .mb-xxxl-3 {
        margin-bottom: 15px !important
    }

    .ml-xxxl-3 {
        margin-left: 15px !important
    }

    .mx-xxxl-3 {
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .my-xxxl-3 {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    .m-xxxl-4 {
        margin: 20px !important
    }

    .mt-xxxl-4 {
        margin-top: 20px !important
    }

    .mr-xxxl-4 {
        margin-right: 20px !important
    }

    .mb-xxxl-4 {
        margin-bottom: 20px !important
    }

    .ml-xxxl-4 {
        margin-left: 20px !important
    }

    .mx-xxxl-4 {
        margin-right: 20px !important;
        margin-left: 20px !important
    }

    .my-xxxl-4 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .m-xxxl-5 {
        margin: 30px !important
    }

    .mt-xxxl-5 {
        margin-top: 30px !important
    }

    .mr-xxxl-5 {
        margin-right: 30px !important
    }

    .mb-xxxl-5 {
        margin-bottom: 30px !important
    }

    .ml-xxxl-5 {
        margin-left: 30px !important
    }

    .mx-xxxl-5 {
        margin-right: 30px !important;
        margin-left: 30px !important
    }

    .my-xxxl-5 {
        margin-top: 30px !important;
        margin-bottom: 30px !important
    }

    .p-xxxl-0 {
        padding: 0 !important
    }

    .pt-xxxl-0 {
        padding-top: 0 !important
    }

    .pr-xxxl-0 {
        padding-right: 0 !important
    }

    .pb-xxxl-0 {
        padding-bottom: 0 !important
    }

    .pl-xxxl-0 {
        padding-left: 0 !important
    }

    .px-xxxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xxxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xxxl-04 {
        padding: 4px !important
    }

    .pt-xxxl-04 {
        padding-top: 4px !important
    }

    .pr-xxxl-04 {
        padding-right: 4px !important
    }

    .pb-xxxl-04 {
        padding-bottom: 4px !important
    }

    .pl-xxxl-04 {
        padding-left: 4px !important
    }

    .px-xxxl-04 {
        padding-right: 4px !important;
        padding-left: 4px !important
    }

    .py-xxxl-04 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
    }

    .p-xxxl-1 {
        padding: 5px !important
    }

    .pt-xxxl-1 {
        padding-top: 5px !important
    }

    .pr-xxxl-1 {
        padding-right: 5px !important
    }

    .pb-xxxl-1 {
        padding-bottom: 5px !important
    }

    .pl-xxxl-1 {
        padding-left: 5px !important
    }

    .px-xxxl-1 {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .py-xxxl-1 {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .p-xxxl-2 {
        padding: 10px !important
    }

    .pt-xxxl-2 {
        padding-top: 10px !important
    }

    .pr-xxxl-2 {
        padding-right: 10px !important
    }

    .pb-xxxl-2 {
        padding-bottom: 10px !important
    }

    .pl-xxxl-2 {
        padding-left: 10px !important
    }

    .px-xxxl-2 {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .py-xxxl-2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important
    }

    .p-xxxl-3 {
        padding: 15px !important
    }

    .pt-xxxl-3 {
        padding-top: 15px !important
    }

    .pr-xxxl-3 {
        padding-right: 15px !important
    }

    .pb-xxxl-3 {
        padding-bottom: 15px !important
    }

    .pl-xxxl-3 {
        padding-left: 15px !important
    }

    .px-xxxl-3 {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .py-xxxl-3 {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }

    .p-xxxl-4 {
        padding: 20px !important
    }

    .pt-xxxl-4 {
        padding-top: 20px !important
    }

    .pr-xxxl-4 {
        padding-right: 20px !important
    }

    .pb-xxxl-4 {
        padding-bottom: 20px !important
    }

    .pl-xxxl-4 {
        padding-left: 20px !important
    }

    .px-xxxl-4 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .py-xxxl-4 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .p-xxxl-5 {
        padding: 30px !important
    }

    .pt-xxxl-5 {
        padding-top: 30px !important
    }

    .pr-xxxl-5 {
        padding-right: 30px !important
    }

    .pb-xxxl-5 {
        padding-bottom: 30px !important
    }

    .pl-xxxl-5 {
        padding-left: 30px !important
    }

    .px-xxxl-5 {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .py-xxxl-5 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }

    .m-xxxl-auto {
        margin: auto !important
    }

    .mt-xxxl-auto {
        margin-top: auto !important
    }

    .mr-xxxl-auto {
        margin-right: auto !important
    }

    .mb-xxxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxxl-auto {
        margin-left: auto !important
    }

    .mx-xxxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .hidden-xxxl-up {
        display: none !important
    }
}

.hidden-xxxl-down {
    display: none !important
}

.flex-first {
    order: -1
}

.flex-last {
    order: 1
}

.flex-unordered {
    order: 0
}

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

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

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

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

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

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

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

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

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

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

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-first {
        order: -1
    }

    .flex-sm-last {
        order: 1
    }

    .flex-sm-unordered {
        order: 0
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .flex-md-first {
        order: -1
    }

    .flex-md-last {
        order: 1
    }

    .flex-md-unordered {
        order: 0
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:958px) {
    .flex-lg-first {
        order: -1
    }

    .flex-lg-last {
        order: 1
    }

    .flex-lg-unordered {
        order: 0
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:1200px) {
    .flex-xl-first {
        order: -1
    }

    .flex-xl-last {
        order: 1
    }

    .flex-xl-unordered {
        order: 0
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:1370px) {
    .flex-xxl-first {
        order: -1
    }

    .flex-xxl-last {
        order: 1
    }

    .flex-xxl-unordered {
        order: 0
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1500px) {
    .flex-xxxl-first {
        order: -1
    }

    .flex-xxxl-last {
        order: 1
    }

    .flex-xxxl-unordered {
        order: 0
    }

    .flex-xxxl-row {
        flex-direction: row !important
    }

    .flex-xxxl-column {
        flex-direction: column !important
    }

    .flex-xxxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxxl-center {
        justify-content: center !important
    }

    .justify-content-xxxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxxl-around {
        justify-content: space-around !important
    }

    .align-items-xxxl-start {
        align-items: flex-start !important
    }

    .align-items-xxxl-end {
        align-items: flex-end !important
    }

    .align-items-xxxl-center {
        align-items: center !important
    }

    .align-items-xxxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxxl-start {
        align-content: flex-start !important
    }

    .align-content-xxxl-end {
        align-content: flex-end !important
    }

    .align-content-xxxl-center {
        align-content: center !important
    }

    .align-content-xxxl-between {
        align-content: space-between !important
    }

    .align-content-xxxl-around {
        align-content: space-around !important
    }

    .align-content-xxxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxxl-auto {
        align-self: auto !important
    }

    .align-self-xxxl-start {
        align-self: flex-start !important
    }

    .align-self-xxxl-end {
        align-self: flex-end !important
    }

    .align-self-xxxl-center {
        align-self: center !important
    }

    .align-self-xxxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxxl-stretch {
        align-self: stretch !important
    }
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.show {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.show {
    display: block
}

tr.collapse.show {
    display: table-row
}

tbody.collapse.show {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s
}

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

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

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

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

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

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:958px) {
    .container {
        width: 950px;
        max-width: 100%
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1190px;
        max-width: 100%
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:1370px) {
    .container {
        width: 1340px;
        max-width: 100%
    }
}

.container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

@media (min-width:576px) {
    .row {
        margin-right: -5px;
        margin-left: -5px
    }

    .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-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-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-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-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-xxl,
    .col-xxl-1,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxxl,
    .col-xxxl-1,
    .col-xxxl-10,
    .col-xxxl-11,
    .col-xxxl-12,
    .col-xxxl-2,
    .col-xxxl-3,
    .col-xxxl-4,
    .col-xxxl-5,
    .col-xxxl-6,
    .col-xxxl-7,
    .col-xxxl-8,
    .col-xxxl-9 {
        padding-right: 5px;
        padding-left: 5px
    }
}

@media (min-width:768px) {
    .row {
        margin-right: -5px;
        margin-left: -5px
    }

    .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-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-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-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-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-xxl,
    .col-xxl-1,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxxl,
    .col-xxxl-1,
    .col-xxxl-10,
    .col-xxxl-11,
    .col-xxxl-12,
    .col-xxxl-2,
    .col-xxxl-3,
    .col-xxxl-4,
    .col-xxxl-5,
    .col-xxxl-6,
    .col-xxxl-7,
    .col-xxxl-8,
    .col-xxxl-9 {
        padding-right: 5px;
        padding-left: 5px
    }
}

@media (min-width:958px) {
    .row {
        margin-right: -5px;
        margin-left: -5px
    }

    .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-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-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-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-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-xxl,
    .col-xxl-1,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxxl,
    .col-xxxl-1,
    .col-xxxl-10,
    .col-xxxl-11,
    .col-xxxl-12,
    .col-xxxl-2,
    .col-xxxl-3,
    .col-xxxl-4,
    .col-xxxl-5,
    .col-xxxl-6,
    .col-xxxl-7,
    .col-xxxl-8,
    .col-xxxl-9 {
        padding-right: 5px;
        padding-left: 5px
    }
}

@media (min-width:1200px) {
    .row {
        margin-right: -5px;
        margin-left: -5px
    }

    .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-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-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-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-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-xxl,
    .col-xxl-1,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxxl,
    .col-xxxl-1,
    .col-xxxl-10,
    .col-xxxl-11,
    .col-xxxl-12,
    .col-xxxl-2,
    .col-xxxl-3,
    .col-xxxl-4,
    .col-xxxl-5,
    .col-xxxl-6,
    .col-xxxl-7,
    .col-xxxl-8,
    .col-xxxl-9 {
        padding-right: 5px;
        padding-left: 5px
    }
}

.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-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-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-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-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-xxl,
.col-xxl-1,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxxl,
.col-xxxl-1,
.col-xxxl-10,
.col-xxxl-11,
.col-xxxl-12,
.col-xxxl-2,
.col-xxxl-3,
.col-xxxl-4,
.col-xxxl-5,
.col-xxxl-6,
.col-xxxl-7,
.col-xxxl-8,
.col-xxxl-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

.pull-0 {
    right: auto
}

.pull-1 {
    right: 8.33333%
}

.pull-2 {
    right: 16.66667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.33333%
}

.pull-5 {
    right: 41.66667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.33333%
}

.pull-8 {
    right: 66.66667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.33333%
}

.pull-11 {
    right: 91.66667%
}

.pull-12 {
    right: 100%
}

.push-0 {
    left: auto
}

.push-1 {
    left: 8.33333%
}

.push-2 {
    left: 16.66667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.33333%
}

.push-5 {
    left: 41.66667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.33333%
}

.push-8 {
    left: 66.66667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.33333%
}

.push-11 {
    left: 91.66667%
}

.push-12 {
    left: 100%
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

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

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

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

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

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

    .pull-sm-0 {
        right: auto
    }

    .pull-sm-1 {
        right: 8.33333%
    }

    .pull-sm-2 {
        right: 16.66667%
    }

    .pull-sm-3 {
        right: 25%
    }

    .pull-sm-4 {
        right: 33.33333%
    }

    .pull-sm-5 {
        right: 41.66667%
    }

    .pull-sm-6 {
        right: 50%
    }

    .pull-sm-7 {
        right: 58.33333%
    }

    .pull-sm-8 {
        right: 66.66667%
    }

    .pull-sm-9 {
        right: 75%
    }

    .pull-sm-10 {
        right: 83.33333%
    }

    .pull-sm-11 {
        right: 91.66667%
    }

    .pull-sm-12 {
        right: 100%
    }

    .push-sm-0 {
        left: auto
    }

    .push-sm-1 {
        left: 8.33333%
    }

    .push-sm-2 {
        left: 16.66667%
    }

    .push-sm-3 {
        left: 25%
    }

    .push-sm-4 {
        left: 33.33333%
    }

    .push-sm-5 {
        left: 41.66667%
    }

    .push-sm-6 {
        left: 50%
    }

    .push-sm-7 {
        left: 58.33333%
    }

    .push-sm-8 {
        left: 66.66667%
    }

    .push-sm-9 {
        left: 75%
    }

    .push-sm-10 {
        left: 83.33333%
    }

    .push-sm-11 {
        left: 91.66667%
    }

    .push-sm-12 {
        left: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

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

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

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

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

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

    .pull-md-0 {
        right: auto
    }

    .pull-md-1 {
        right: 8.33333%
    }

    .pull-md-2 {
        right: 16.66667%
    }

    .pull-md-3 {
        right: 25%
    }

    .pull-md-4 {
        right: 33.33333%
    }

    .pull-md-5 {
        right: 41.66667%
    }

    .pull-md-6 {
        right: 50%
    }

    .pull-md-7 {
        right: 58.33333%
    }

    .pull-md-8 {
        right: 66.66667%
    }

    .pull-md-9 {
        right: 75%
    }

    .pull-md-10 {
        right: 83.33333%
    }

    .pull-md-11 {
        right: 91.66667%
    }

    .pull-md-12 {
        right: 100%
    }

    .push-md-0 {
        left: auto
    }

    .push-md-1 {
        left: 8.33333%
    }

    .push-md-2 {
        left: 16.66667%
    }

    .push-md-3 {
        left: 25%
    }

    .push-md-4 {
        left: 33.33333%
    }

    .push-md-5 {
        left: 41.66667%
    }

    .push-md-6 {
        left: 50%
    }

    .push-md-7 {
        left: 58.33333%
    }

    .push-md-8 {
        left: 66.66667%
    }

    .push-md-9 {
        left: 75%
    }

    .push-md-10 {
        left: 83.33333%
    }

    .push-md-11 {
        left: 91.66667%
    }

    .push-md-12 {
        left: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:958px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

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

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

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

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

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

    .pull-lg-0 {
        right: auto
    }

    .pull-lg-1 {
        right: 8.33333%
    }

    .pull-lg-2 {
        right: 16.66667%
    }

    .pull-lg-3 {
        right: 25%
    }

    .pull-lg-4 {
        right: 33.33333%
    }

    .pull-lg-5 {
        right: 41.66667%
    }

    .pull-lg-6 {
        right: 50%
    }

    .pull-lg-7 {
        right: 58.33333%
    }

    .pull-lg-8 {
        right: 66.66667%
    }

    .pull-lg-9 {
        right: 75%
    }

    .pull-lg-10 {
        right: 83.33333%
    }

    .pull-lg-11 {
        right: 91.66667%
    }

    .pull-lg-12 {
        right: 100%
    }

    .push-lg-0 {
        left: auto
    }

    .push-lg-1 {
        left: 8.33333%
    }

    .push-lg-2 {
        left: 16.66667%
    }

    .push-lg-3 {
        left: 25%
    }

    .push-lg-4 {
        left: 33.33333%
    }

    .push-lg-5 {
        left: 41.66667%
    }

    .push-lg-6 {
        left: 50%
    }

    .push-lg-7 {
        left: 58.33333%
    }

    .push-lg-8 {
        left: 66.66667%
    }

    .push-lg-9 {
        left: 75%
    }

    .push-lg-10 {
        left: 83.33333%
    }

    .push-lg-11 {
        left: 91.66667%
    }

    .push-lg-12 {
        left: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

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

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

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

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

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

    .pull-xl-0 {
        right: auto
    }

    .pull-xl-1 {
        right: 8.33333%
    }

    .pull-xl-2 {
        right: 16.66667%
    }

    .pull-xl-3 {
        right: 25%
    }

    .pull-xl-4 {
        right: 33.33333%
    }

    .pull-xl-5 {
        right: 41.66667%
    }

    .pull-xl-6 {
        right: 50%
    }

    .pull-xl-7 {
        right: 58.33333%
    }

    .pull-xl-8 {
        right: 66.66667%
    }

    .pull-xl-9 {
        right: 75%
    }

    .pull-xl-10 {
        right: 83.33333%
    }

    .pull-xl-11 {
        right: 91.66667%
    }

    .pull-xl-12 {
        right: 100%
    }

    .push-xl-0 {
        left: auto
    }

    .push-xl-1 {
        left: 8.33333%
    }

    .push-xl-2 {
        left: 16.66667%
    }

    .push-xl-3 {
        left: 25%
    }

    .push-xl-4 {
        left: 33.33333%
    }

    .push-xl-5 {
        left: 41.66667%
    }

    .push-xl-6 {
        left: 50%
    }

    .push-xl-7 {
        left: 58.33333%
    }

    .push-xl-8 {
        left: 66.66667%
    }

    .push-xl-9 {
        left: 75%
    }

    .push-xl-10 {
        left: 83.33333%
    }

    .push-xl-11 {
        left: 91.66667%
    }

    .push-xl-12 {
        left: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1370px) {
    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

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

    .col-xxl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-xxl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

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

    .col-xxl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

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

    .pull-xxl-0 {
        right: auto
    }

    .pull-xxl-1 {
        right: 8.33333%
    }

    .pull-xxl-2 {
        right: 16.66667%
    }

    .pull-xxl-3 {
        right: 25%
    }

    .pull-xxl-4 {
        right: 33.33333%
    }

    .pull-xxl-5 {
        right: 41.66667%
    }

    .pull-xxl-6 {
        right: 50%
    }

    .pull-xxl-7 {
        right: 58.33333%
    }

    .pull-xxl-8 {
        right: 66.66667%
    }

    .pull-xxl-9 {
        right: 75%
    }

    .pull-xxl-10 {
        right: 83.33333%
    }

    .pull-xxl-11 {
        right: 91.66667%
    }

    .pull-xxl-12 {
        right: 100%
    }

    .push-xxl-0 {
        left: auto
    }

    .push-xxl-1 {
        left: 8.33333%
    }

    .push-xxl-2 {
        left: 16.66667%
    }

    .push-xxl-3 {
        left: 25%
    }

    .push-xxl-4 {
        left: 33.33333%
    }

    .push-xxl-5 {
        left: 41.66667%
    }

    .push-xxl-6 {
        left: 50%
    }

    .push-xxl-7 {
        left: 58.33333%
    }

    .push-xxl-8 {
        left: 66.66667%
    }

    .push-xxl-9 {
        left: 75%
    }

    .push-xxl-10 {
        left: 83.33333%
    }

    .push-xxl-11 {
        left: 91.66667%
    }

    .push-xxl-12 {
        left: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }
}

.float-xs-right {
    float: right !important
}

@media (max-width:575px) {
    .float-xs-left {
        float: left !important
    }
}

@media (min-width:576px) {
    .float-sm-right {
        float: right !important
    }
}

@media (max-width:767px) {
    .float-sm-left {
        float: left !important
    }

    .wrapper>.container {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:768px) {
    .float-md-right {
        float: right !important
    }
}

@media (max-width:957px) {
    .float-md-left {
        float: left !important
    }
}

@media (min-width:958px) {
    .float-lg-right {
        float: right !important
    }
}

@media (max-width:1199px) {
    .float-lg-left {
        float: left !important
    }
}

@media (min-width:1200px) {
    .float-xl-right {
        float: right !important
    }
}

@media (max-width:1369px) {
    .float-xl-left {
        float: left !important
    }
}

@media (min-width:1370px) {
    .float-xxl-right {
        float: right !important
    }
}

@media (max-width:1499px) {
    .float-xxl-left {
        float: left !important
    }
}

@media (min-width:1500px) {
    .col-xxxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxxl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxxl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

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

    .col-xxxl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxxl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

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

    .col-xxxl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxxl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

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

    .col-xxxl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxxl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

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

    .pull-xxxl-0 {
        right: auto
    }

    .pull-xxxl-1 {
        right: 8.33333%
    }

    .pull-xxxl-2 {
        right: 16.66667%
    }

    .pull-xxxl-3 {
        right: 25%
    }

    .pull-xxxl-4 {
        right: 33.33333%
    }

    .pull-xxxl-5 {
        right: 41.66667%
    }

    .pull-xxxl-6 {
        right: 50%
    }

    .pull-xxxl-7 {
        right: 58.33333%
    }

    .pull-xxxl-8 {
        right: 66.66667%
    }

    .pull-xxxl-9 {
        right: 75%
    }

    .pull-xxxl-10 {
        right: 83.33333%
    }

    .pull-xxxl-11 {
        right: 91.66667%
    }

    .pull-xxxl-12 {
        right: 100%
    }

    .push-xxxl-0 {
        left: auto
    }

    .push-xxxl-1 {
        left: 8.33333%
    }

    .push-xxxl-2 {
        left: 16.66667%
    }

    .push-xxxl-3 {
        left: 25%
    }

    .push-xxxl-4 {
        left: 33.33333%
    }

    .push-xxxl-5 {
        left: 41.66667%
    }

    .push-xxxl-6 {
        left: 50%
    }

    .push-xxxl-7 {
        left: 58.33333%
    }

    .push-xxxl-8 {
        left: 66.66667%
    }

    .push-xxxl-9 {
        left: 75%
    }

    .push-xxxl-10 {
        left: 83.33333%
    }

    .push-xxxl-11 {
        left: 91.66667%
    }

    .push-xxxl-12 {
        left: 100%
    }

    .offset-xxxl-0 {
        margin-left: 0
    }

    .offset-xxxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxxl-3 {
        margin-left: 25%
    }

    .offset-xxxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxxl-6 {
        margin-left: 50%
    }

    .offset-xxxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxxl-9 {
        margin-left: 75%
    }

    .offset-xxxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxxl-11 {
        margin-left: 91.66667%
    }

    .float-xxxl-right {
        float: right !important
    }
}

.float-xxxl-left {
    float: left !important
}

.overhidden {
    overflow: hidden;
    position: relative
}

@media (max-width:957px) {
    .sidebar_open {
        position: fixed
    }

    .limit-md-3 div:nth-child(n+4) {
        display: none
    }
}

.overflow_auto {
    position: relative;
    overflow: auto;
    height: 100%
}

.show {
    display: block !important
}

.static {
    position: static !important
}

.height100 {
    height: 100%
}

:focus {
    outline: 0 !important
}

a,
a:hover {
    text-decoration: none
}

.disable {
    opacity: .3
}

.blocklink {
    display: block
}

.separator {
    border-top: 1px solid #1b1b1b;
    margin: 5px 0 10px
}

.hidden {
    display: none !important
}

.noflex {
    flex: none !important
}

.transform-middle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.flex {
    display: flex
}

.flex-between {
    justify-content: space-between
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left !important
}

.align-right {
    text-align: right
}

.brightness,
.country_list .country_list_item:hover img {
    filter: brightness(130%)
}

.flex-center {
    display: flex;
    align-items: center
}

.only-opened {
    display: none !important
}

.opened .only-opened {
    display: block !important
}

.opened .only-close {
    display: none !important
}

.to-right {
    margin-left: auto
}

.column-count-2,
.column-count-3,
.column-count-4,
.sitemap .sitemap-last-level {
    list-style: none;
    padding-left: 0
}

.column-count-2 li,
.column-count-3 li,
.column-count-4 li,
.sitemap .sitemap-last-level li {
    float: left;
    box-sizing: border-box;
    width: 25%;
    padding: 0 .5rem 0 1.5rem;
    position: relative
}

.column-count-2 li:before,
.column-count-3 li:before,
.column-count-4 li:before,
.sitemap .sitemap-last-level li:before {
    content: "";
    height: 6px;
    width: 6px;
    background-color: #a0a0a0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    margin-left: -.7rem;
    margin-top: .5rem
}

.column-count-5 li {
    float: left;
    box-sizing: border-box;
    width: 20%
}

.column-count-2 li {
    float: left;
    box-sizing: border-box;
    width: 50%
}

.column-count-3 li,
.sitemap .sitemap-last-level li {
    float: left;
    box-sizing: border-box;
    width: 33%
}

.justify-center {
    justify-content: center
}

.justify-end {
    justify-content: flex-end
}

.justify-beetwen {
    justify-content: space-between
}

.content-image-right,
.float-right {
    float: right
}

.content-image-left,
.float-left {
    float: left
}

@media (max-width:767px) {
    .limit-sm-2 div:nth-child(n+3) {
        display: none
    }

    .column-count-2 li,
    .column-count-3 li,
    .column-count-4 li,
    .sitemap .sitemap-last-level li {
        clear: both;
        float: none;
        width: 100%
    }

    .content-image-left,
    .content-image-right {
        float: none;
        margin: 0;
        text-align: center
    }

    .content-image-left img,
    .content-image-right img {
        width: auto
    }
}

.clear {
    clear: both
}

.clear-after:after,
.column-count-2:after,
.column-count-3:after,
.column-count-4:after,
.sitemap .sitemap-last-level:after {
    content: "";
    float: none;
    display: block;
    clear: both
}

.w-200 {
    width: 200px
}

.centered {
    margin-left: auto;
    margin-right: auto
}

.underlined {
    text-decoration: underline
}

.underlined:hover {
    text-decoration: none
}

.hr_opacity {
    background: rgba(44, 44, 44, .5);
    border: 0;
    outline: 0;
    height: 1px;
    width: 100%
}

.neon-title {
    color: #fff;
    font-family: Open Sans, Arial, sans-serif, sans-serif;
    letter-spacing: .2rem;
    text-transform: uppercase
}

.neon-font,
.soc_fb_count,
.soc_gp_count,
.soc_im_count,
.soc_tw_count {
    font-family: Open Sans, Arial, sans-serif, sans-serif
}

.fader {
    box-sizing: content-box !important;
    height: 100px;
    position: relative;
    overflow: hidden;
    padding-bottom: 60px !important
}

.fader:after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, .3);
    height: 60px;
    width: 100%;
    z-index: 1;
    bottom: -1px;
    left: 0
}

.fader.fader_opened .scrollable {
    position: relative;
    overflow: auto;
    height: 100%
}

.fader.fader_overflow .fader-wrapper {
    height: 100%
}

.fader.fader_after-none .button-fader,
.fader.fader_after-none:after {
    display: none !important
}

.fader.fader_autoheight {
    height: auto !important;
    padding-bottom: 0 !important
}

.textarea {
    min-height: 140px;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    outline: 0;
    color: #a0a0a0;
    padding: 5px 10px
}

.input-text {
    background: rgba(0, 0, 0, .7);
    outline: 0;
    color: #a0a0a0;
    padding: 5px 10px;
    width: 100%
}

.fullscreen {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 199;
    top: 0;
    left: 0;
    background: #000
}

.block {
    padding-right: 15px;
    padding-left: 15px
}

.content_wrapper {
    padding-top: 19px
}

.grid10 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -5px
}

.flex-nogrow {
    flex-grow: 0
}

.hr {
    border-bottom: 1px solid #2b2b2b;
    clear: both
}

.icon {
    vertical-align: middle
}

.anchor-link {
    border-bottom: 1px dotted rgba(99, 108, 114, .5)
}

.border-1b,
.border-2b {
    border: 1px solid #2b2b2b;
    border-radius: 3px
}

.border-color-1b {
    border-color: #1b1b1b
}

.rotate-90 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.sticky {
    position: sticky
}

.sticky-bottom {
    bottom: 0
}

button {
    cursor: pointer
}

.fake-button {
    outline: 0;
    border: none;
    margin: 0;
    display: inline-block;
    background: 0 0;
    padding: 0
}

.button,
.links-buttons a,
.soc-small_fb,
.soc_fb,
.soc_gp,
.soc_im,
.soc_tw,
.soc_yt,
.spans-buttons span {
    background: #000;
    outline: 0;
    margin: 0;
    cursor: pointer;
    color: #a0a0a0;
    display: inline-block;
    border: 1px solid #1b1b1b;
    line-height: 1.71rem;
    text-align: center;
    padding: .35rem .7rem;
    font-size: .875rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.active.soc-small_fb,
.active.soc_fb,
.active.soc_gp,
.active.soc_im,
.active.soc_tw,
.active.soc_yt,
.button.active,
.button:focus,
.button:hover,
.links-buttons a.active,
.links-buttons a:focus,
.links-buttons a:hover,
.soc-small_fb:focus,
.soc-small_fb:hover,
.soc_fb:focus,
.soc_fb:hover,
.soc_gp:focus,
.soc_gp:hover,
.soc_im:focus,
.soc_im:hover,
.soc_tw:focus,
.soc_tw:hover,
.soc_yt:focus,
.soc_yt:hover,
.spans-buttons span.active,
.spans-buttons span:focus,
.spans-buttons span:hover {
    border-color: #828282;
    text-decoration: none
}

.button-large.soc-small_fb,
.button-large.soc_fb,
.button-large.soc_gp,
.button-large.soc_im,
.button-large.soc_tw,
.button-large.soc_yt,
.button.button-large,
.links-buttons a.button-large,
.spans-buttons span.button-large {
    padding: 1rem 2rem;
    font-size: 1.8rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.button.with-arrow svg,
.links-buttons a.with-arrow svg,
.spans-buttons span.with-arrow svg,
.with-arrow.soc-small_fb svg,
.with-arrow.soc_fb svg,
.with-arrow.soc_gp svg,
.with-arrow.soc_im svg,
.with-arrow.soc_tw svg,
.with-arrow.soc_yt svg {
    width: 8px;
    margin-left: 10px;
    vertical-align: middle;
    fill: #a0a0a0
}

.button.with-arrow:hover svg,
.links-buttons a.with-arrow:hover svg,
.spans-buttons span.with-arrow:hover svg,
.with-arrow.soc-small_fb:hover svg,
.with-arrow.soc_fb:hover svg,
.with-arrow.soc_gp:hover svg,
.with-arrow.soc_im:hover svg,
.with-arrow.soc_tw:hover svg,
.with-arrow.soc_yt:hover svg {
    fill: #fff
}

.links-buttons .sidebar a,
.sidebar .button,
.sidebar .links-buttons a,
.sidebar .soc-small_fb,
.sidebar .soc_fb,
.sidebar .soc_gp,
.sidebar .soc_im,
.sidebar .soc_tw,
.sidebar .soc_yt,
.sidebar .spans-buttons span,
.spans-buttons .sidebar span {
    display: block;
    background: #191919;
    border-color: #2b2b2b
}

.links-buttons .sidebar a:hover,
.sidebar .button:hover,
.sidebar .links-buttons a:hover,
.sidebar .soc-small_fb:hover,
.sidebar .soc_fb:hover,
.sidebar .soc_gp:hover,
.sidebar .soc_im:hover,
.sidebar .soc_tw:hover,
.sidebar .soc_yt:hover,
.sidebar .spans-buttons span:hover,
.spans-buttons .sidebar span:hover {
    border-color: #a0a0a0
}

.sidebar .button-large {
    padding: 1rem 2rem;
    font-size: 1.8rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.button-green {
    color: #aeff95;
    font-size: 1rem;
    font-weight: 700;
    background: #191919;
    border-color: #2b2b2b
}

.button-green:hover {
    color: #aeff95
}

.button-grey:hover {
    color: #fff
}

.button-solid {
    border-radius: 3px;
    background-color: #409040;
    color: #fff;
    font-size: .875rem;
    text-align: center;
    margin: 0;
    font-weight: 700;
    display: block;
    padding: 7px 10px;
    line-height: 1.5;
    border: none
}

.button-solid.active,
.button-solid:focus,
.button-solid:hover {
    background-color: #5abb5a;
    color: #fff
}

.button-big {
    padding: .4rem 2rem;
    font-size: 1.2rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.button-close {
    background: url(../../img/cross.png) center center/80% no-repeat;
    width: 40px;
    min-height: 40px;
    border: none
}

.button-close span {
    display: none
}

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

.button-question {
    width: 30px;
    height: 30px;
    text-align: center;
    border: none;
    color: #fff;
    font-size: 1.2rem
}

.button-close-small {
    background-size: 60%;
    width: 30px;
    min-height: 30px
}

.button-close-small-abs {
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -15px
}

.neon-button {
    font-family: Open Sans, Arial, sans-serif, sans-serif;
    text-align: center
}

.links-buttons .page-link,
.links-buttons a {
    font-size: 1.1rem
}

.button-after-big>span {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.button-invis-big {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    background: 0;
    border: 0
}

.button-fader {
    display: none
}

.fader .button-fader,
.fader-text .button-fader {
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    white-space: nowrap
}

.fader_in_progress .fader_hide_after .button-fader-text,
.fader_in_progress .fader_hide_after:after,
.fader_in_progress.fader_hide_after .button-fader-text,
.fader_in_progress.fader_hide_after:after,
.fader_opened .fader_hide_after .button-fader-text,
.fader_opened .fader_hide_after:after,
.fader_opened.fader_hide_after .button-fader-text,
.fader_opened.fader_hide_after:after {
    display: none
}

.button-blur {
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0
}

.button-center {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.main .button-center.button-blur,
.main .button-center.button-fader {
    left: 50%;
    transform: translate(-50%, -50%)
}

.sidebar .button-center.button-blur,
.sidebar .button-center.button-fader {
    box-sizing: border-box;
    text-align: center;
    width: 100%
}

.radio_button {
    cursor: pointer;
    align-content: center;
    display: flex;
    padding: 3px 0;
    opacity: .3
}

.radio_button:before {
    content: "";
    width: 28px;
    height: 28px;
    background: url(../../img/check.png) left center/28px 28px no-repeat;
    display: inline-block;
    padding-right: .5rem;
    box-sizing: content-box
}

.radio_button.active {
    opacity: 1
}

.radio_button input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.checkbox_button {
    align-content: center;
    display: flex;
    padding: 3px 0;
    line-height: 28px
}

.checkbox_button:before {
    content: "";
    width: 28px;
    height: 28px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 10px
}

.checkbox_button.active:before {
    content: '✔';
    color: #d679d9
}

.checkbox_button input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.allspace_button {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0
}

.bordered,
.bordered-content,
.bread_and_content .table_of_context-block .table_of_contents_list,
.checkbox_button:before,
.comments-form .comments-input,
.comments-form .comments-textarea,
.navbar .clever:after,
.notifyjs-notify-base {
    border: 1px solid #1b1b1b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.before-safari-fix.bordered-content,
.before-safari-fix.checkbox_button:before,
.before-safari-fix.notifyjs-notify-base,
.bordered.before-safari-fix,
.bread_and_content .table_of_context-block .before-safari-fix.table_of_contents_list,
.comments-form .before-safari-fix.comments-input,
.comments-form .before-safari-fix.comments-textarea,
.navbar .before-safari-fix.clever:after {
    position: relative
}

.before-safari-fix.bordered-content:before,
.before-safari-fix.checkbox_button:before,
.before-safari-fix.notifyjs-notify-base:before,
.bordered.before-safari-fix:before,
.bread_and_content .table_of_context-block .before-safari-fix.table_of_contents_list:before,
.comments-form .before-safari-fix.comments-input:before,
.comments-form .before-safari-fix.comments-textarea:before {
    content: "";
    background: #1b1b1b;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 11
}

@media (min-width:958px) {
    .neon-title {
        letter-spacing: .4rem
    }

    .fader:after {
        bottom: 0
    }

    .bordered-lg {
        border: 1px solid #1b1b1b;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }
}

.border-hover:hover {
    border-color: #828282
}

.border-top-none {
    border-top: none
}

.slots-border,
.slots-links-borders a,
.slots-spans-borders span {
    border-color: rgba(169, 255, 142, .2)
}

.border-hover-slots:hover,
.slots-border:hover,
.slots-links-borders a:hover,
.slots-spans-borders span:hover {
    border-color: #a9ff8e
}

.round-border {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.active.country-info.opened,
.country-info.opened,
.country-info.opened:hover,
.hover.country-info.opened,
.transparent-border,
.transparent-border.active,
.transparent-border.hover,
.transparent-border:hover {
    border-color: transparent
}

.lang-border,
.lang-links-borders a {
    border-color: rgba(214, 121, 217, .2)
}

.lang-border.active,
.lang-border.hover,
.lang-border:hover,
.lang-links-borders a.active,
.lang-links-borders a.hover,
.lang-links-borders a:hover {
    border-color: #d679d9
}

.theme-border {
    border-color: rgba(169, 255, 142, .2)
}

.theme-border.active,
.theme-border.hover,
.theme-border:hover {
    border-color: #a9ff8e
}

.soft-border,
.soft-links-borders a,
.soft-spans-borders span {
    border-color: rgba(253, 178, 91, .2)
}

.soft-border.active,
.soft-border.hover,
.soft-border:hover,
.soft-links-borders a.active,
.soft-links-borders a.hover,
.soft-links-borders a:hover,
.soft-spans-borders span.active,
.soft-spans-borders span.hover,
.soft-spans-borders span:hover {
    border-color: #fdb25b
}

.casino-border,
.casino-links-borders a,
.casino-spans-borders span {
    border-color: rgba(255, 239, 135, .2)
}

.casino-border.active,
.casino-border.hover,
.casino-border:hover,
.casino-links-borders a.active,
.casino-links-borders a.hover,
.casino-links-borders a:hover,
.casino-spans-borders span.active,
.casino-spans-borders span.hover,
.casino-spans-borders span:hover {
    border-color: #ffef87
}

.realmoney-border {
    border-color: rgba(214, 121, 217, .2)
}

.active.realmoney-border,
.border-hover-realmoney.active,
.border-hover-realmoney.hover,
.border-hover-realmoney:hover,
.hover.realmoney-border,
.realmoney-border:hover {
    border-color: #d679d9
}

.news-border {
    border-color: rgba(143, 241, 255, .2)
}

.news-border.active,
.news-border.hover,
.news-border:hover {
    border-color: #8ff1ff
}

.rewiew-border {
    border-color: rgba(169, 255, 142, .2)
}

.rewiew-border.active,
.rewiew-border.hover,
.rewiew-border:hover {
    border-color: #a9ff8e
}

.system-border,
.system-links-borders a {
    border-color: rgba(255, 255, 255, .2)
}

.system-border.active,
.system-border.hover,
.system-border:hover,
.system-links-borders a.active,
.system-links-borders a.hover,
.system-links-borders a:hover {
    border-color: #fff
}

.red-border {
    border-color: rgba(255, 123, 123, .2)
}

.red-border.active,
.red-border.hover,
.red-border:hover {
    border-color: #ff7b7b
}

.search-input-border {
    border-color: rgba(0, 88, 88, .2)
}

.search-input-border.active,
.search-input-border.hover,
.search-input-border:hover {
    border-color: #005858
}

.text-border {
    border-color: rgba(160, 160, 160, .2)
}

.simple-border {
    border-color: #1b1b1b
}

.gray-border {
    border-color: rgba(255, 255, 255, .2)
}

.border-hover-bonus:hover {
    border-color: #d69400
}

.bordered-content {
    padding: 10px 10px 0;
    margin-bottom: 10px
}

.ver-border {
    position: relative
}

.ver-border:after {
    content: "";
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: rgba(44, 44, 44, .5);
    position: absolute;
    z-index: 1
}

.comments-block .comments-list .comments-list-item,
.comments-list .comments-list-item,
.hor-border,
.news-list-item {
    position: relative
}

.comments-block .comments-list .comments-list-item:before,
.comments-list .comments-list-item:before,
.hor-border:before,
.news-list-item:before {
    content: "";
    height: 1px;
    left: 0;
    width: 100%;
    bottom: 0;
    background: rgba(44, 44, 44, .5);
    position: absolute;
    z-index: 1
}

.b-0 {
    border: 0 !important
}

.bb-1,
.bl-1,
.br-1,
.bt-1 {
    border-color: #2e2e2e
}

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

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

.bt-0,
.by-0 {
    border-top: 0 !important
}

.bb-0,
.by-0 {
    border-bottom: 0 !important
}

.bl-0,
.bx-0 {
    border-left: 0 !important
}

.bl-1 {
    border-left-width: 1px !important;
    border-left-style: solid
}

.br-0,
.bx-0 {
    border-right: 0 !important
}

.br-1 {
    border-right-width: 1px !important;
    border-right-style: solid
}

.brbr-0,
.bread_and_content .table_of_context-block .active.soc-small_fb,
.bread_and_content .table_of_context-block .active.soc_fb,
.bread_and_content .table_of_context-block .active.soc_gp,
.bread_and_content .table_of_context-block .active.soc_im,
.bread_and_content .table_of_context-block .active.soc_tw,
.bread_and_content .table_of_context-block .active.soc_yt,
.bread_and_content .table_of_context-block .button.active,
.bread_and_content .table_of_context-block .links-buttons a.active,
.bread_and_content .table_of_context-block .spans-buttons span.active,
.links-buttons .bread_and_content .table_of_context-block a.active,
.spans-buttons .bread_and_content .table_of_context-block span.active {
    border-bottom-right-radius: 0
}

.brbl-0,
.bread_and_content .table_of_context-block .active.soc-small_fb,
.bread_and_content .table_of_context-block .active.soc_fb,
.bread_and_content .table_of_context-block .active.soc_gp,
.bread_and_content .table_of_context-block .active.soc_im,
.bread_and_content .table_of_context-block .active.soc_tw,
.bread_and_content .table_of_context-block .active.soc_yt,
.bread_and_content .table_of_context-block .button.active,
.bread_and_content .table_of_context-block .links-buttons a.active,
.bread_and_content .table_of_context-block .spans-buttons span.active,
.links-buttons .bread_and_content .table_of_context-block a.active,
.spans-buttons .bread_and_content .table_of_context-block span.active {
    border-bottom-left-radius: 0
}

.bread_and_content .table_of_context-block .table_of_contents_list,
.brtr-0 {
    border-top-right-radius: 0
}

.brtl-0 {
    border-top-left-radius: 0
}

.brt-0 {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.brb-0 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

svg {
    fill: currentColor
}

.сaramel-color {
    color: #ffd995
}

.slots-color,
.slots-color-dark,
.slots-color-dark.active,
.slots-color-dark:focus,
.slots-color-dark:hover,
.slots-color.active,
.slots-color:focus,
.slots-color:hover,
.slots-links-color a,
.slots-links-color a.active,
.slots-links-color a:focus,
.slots-links-color a:hover,
.slots-links-color span,
.slots-links-color span.active,
.slots-links-color span:focus,
.slots-links-color span:hover {
    color: #a9ff8e
}

.active.scrollerTop:after,
.casino-color,
.casino-color-dark,
.casino-color.active,
.casino-color:focus,
.casino-color:hover,
.casino-links-color a,
.casino-links-color a.active,
.casino-links-color a:focus,
.casino-links-color a:hover,
.casino-links-color span,
.casino-links-color span.active,
.casino-links-color span:focus,
.casino-links-color span:hover,
.scrollerTop:after,
.scrollerTop:focus:after,
.scrollerTop:hover:after {
    color: #ffef87
}

.casino-games-color,
.casino-games-color.active,
.casino-games-color:focus,
.casino-games-color:hover,
.casino-games-links-color a,
.casino-games-links-color a.active,
.casino-games-links-color a:focus,
.casino-games-links-color a:hover,
.casino-games-links-color span,
.casino-games-links-color span.active,
.casino-games-links-color span:focus,
.casino-games-links-color span:hover {
    color: #ffac36
}

.lang-color,
.lang-color.active,
.lang-color:focus,
.lang-color:hover {
    color: #d679d9
}

.theme-color,
.theme-color.active,
.theme-color:focus,
.theme-color:hover {
    color: #a9ff8e
}

.red-color,
.red-color.active,
.red-color:focus,
.red-color:hover,
.red-links-color a,
.red-links-color a.active,
.red-links-color a:focus,
.red-links-color a:hover,
.red-links-color span,
.red-links-color span.active,
.red-links-color span:focus,
.red-links-color span:hover {
    color: #ff7b7b
}

.news-color,
.news-color.active,
.news-color:focus,
.news-color:hover,
.news-links-color a,
.news-links-color a.active,
.news-links-color a:focus,
.news-links-color a:hover {
    color: #8ff1ff
}

.toxic-color,
.toxic-color.active,
.toxic-color:focus,
.toxic-color:hover {
    color: #3bff14
}

.pink-color,
.pink-color.active,
.pink-color:focus,
.pink-color:hover {
    color: #f86e6e
}

.peach-color,
.peach-color.active,
.peach-color:focus,
.peach-color:hover {
    color: #fdc8a9
}

.bonus-color,
.bonus-color.active,
.bonus-color:focus,
.bonus-color:hover {
    color: #d69400
}

.grellow-color,
.grellow-color.active,
.grellow-color:focus,
.grellow-color:hover,
.grellow-links-color a,
.grellow-links-color a.active,
.grellow-links-color a:focus,
.grellow-links-color a:hover,
.grellow-links-color span,
.grellow-links-color span.active,
.grellow-links-color span:focus,
.grellow-links-color span:hover {
    color: #deddd1
}

.system-color,
.system-color.active,
.system-color:focus,
.system-color:hover {
    color: #fff
}

.blue-color,
.blue-color.active,
.blue-color:focus,
.blue-color:hover {
    color: #a1e1f6
}

.bread_and_content .table_of_context-block .table_of_contents_list a,
.bread_and_content .table_of_context-block .table_of_contents_list a.active,
.bread_and_content .table_of_context-block .table_of_contents_list a:focus,
.bread_and_content .table_of_context-block .table_of_contents_list a:hover,
.white-color,
.white-color.active,
.white-color:focus,
.white-color:hover,
.white-links-color a,
.white-links-color a.active,
.white-links-color a:focus,
.white-links-color a:hover {
    color: #fff
}

.text-color,
.text-color.active,
.text-color:focus,
.text-color:hover {
    color: #a0a0a0
}

.cabinet-color,
.cabinet-color.active,
.cabinet-color:focus,
.cabinet-color:hover {
    color: #6d95c8
}

.grey-color,
.grey-color.active,
.grey-color:focus,
.grey-color:hover,
.grey-links-color a,
.grey-links-color a.active,
.grey-links-color a:focus,
.grey-links-color a:hover,
.grey-links-color span,
.grey-links-color span.active,
.grey-links-color span:focus,
.grey-links-color span:hover {
    color: #a0a0a0
}

.light-grey-color,
.light-grey-color.active,
.light-grey-color:focus,
.light-grey-color:hover {
    color: #b1b1b1
}

.bonus-fullcolor {
    background: rgba(214, 148, 0, .7)
}

.bonus-fullcolor:hover {
    background: #d69400
}

.slots-fullcolor {
    background: rgba(169, 255, 142, .7)
}

.slots-fullcolor:hover {
    background: #a9ff8e
}

.font-big,
.font-large {
    font-size: 20px !important
}

.font-m {
    font-size: 18px !important
}

.font-s {
    font-size: 14px !important
}

.font-small,
.font-xs {
    font-size: 12px !important
}

.font-xxs {
    font-size: 11px !important
}

.font-normal {
    font-size: 1rem !important
}

.semibold {
    font-weight: 600
}

.bold,
.font-strong,
.sitemap ul li a,
.sitemap ul li span {
    font-weight: 700
}

.font-weightly,
.sitemap .sitemap-last-level a,
.sitemap .sitemap-last-level span {
    font-weight: 400
}

.font-line-heignt-normal {
    line-height: 1rem
}

.letter-spacing-negative {
    letter-spacing: -2px
}

.font-size-26 {
    font-size: 26px
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    display: none;
    opacity: 0;
    height: 15px;
    bottom: 0;
    position: absolute
}

.ps__rail-y {
    display: none;
    opacity: .6;
    width: 14px;
    right: 0;
    position: absolute
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
    opacity: .6
}

.ps__rail-x:focus,
.ps__rail-x:hover,
.ps__rail-y:focus,
.ps__rail-y:hover {
    opacity: .9
}

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y {
    background-color: #fdb25b;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 4px;
    right: 5px;
    position: absolute;
    border-top: 1px solid #000
}

.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
    width: 4px
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ps {
        overflow: auto !important
    }
}

.back-black {
    background: #000
}

.slbOverlay,
.slbWrap,
.slbWrapOuter {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.slbOverlay {
    overflow: hidden;
    z-index: 2000;
    background-color: #000;
    opacity: .7;
    -webkit-animation: .5s slbOverlay;
    -moz-animation: .5s slbOverlay;
    animation: .5s slbOverlay
}

.slbWrapOuter {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 2010
}

.slbWrap {
    position: absolute;
    text-align: center
}

.slbWrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.slbContentOuter {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
    z-index: 2020;
    text-align: left;
    max-width: 100%
}

.slbContentEl .slbContentOuter {
    padding: 5rem 1rem
}

.slbContent {
    position: relative
}

.slbContentEl .slbContent {
    -webkit-animation: .3s slbEnter;
    -moz-animation: .3s slbEnter;
    animation: .3s slbEnter;
    background-color: #fff;
    box-shadow: 0 .2rem 1rem rgba(0, 0, 0, .4)
}

.slbImageWrap {
    -webkit-animation: .3s slbEnter;
    -moz-animation: .3s slbEnter;
    animation: .3s slbEnter;
    position: relative
}

.slbImageWrap:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 5rem;
    bottom: 5rem;
    display: block;
    z-index: -1;
    box-shadow: 0 .2rem 1rem rgba(0, 0, 0, .6);
    background-color: #fff
}

.slbImage {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 5rem 0;
    margin: 0 auto
}

.slbCaption {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 1.4rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .71429rem 0;
    color: rgba(255, 255, 255, .7);
    text-align: center
}

.slbArrow,
.slbCloseBtn {
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: 0 0
}

.slbArrow::-moz-focus-inner,
.slbCloseBtn::-moz-focus-inner {
    padding: 0;
    border: 0
}

.slbArrow:hover,
.slbCloseBtn:hover {
    opacity: .5
}

.slbArrow:active,
.slbCloseBtn:active {
    opacity: .8
}

.slbCloseBtn {
    -webkit-animation: .3s slbEnter;
    -moz-animation: .3s slbEnter;
    animation: .3s slbEnter;
    font-size: 3rem;
    width: 1.66667rem;
    height: 1.66667rem;
    line-height: 1.66667rem;
    position: absolute;
    right: 1rem;
    top: 0;
    color: rgba(255, 255, 255, .7);
    text-align: center
}

.slbLoading .slbCloseBtn {
    display: none
}

.slbLoadingText {
    font-size: 1.4rem;
    color: rgba(255, 255, 255, .9)
}

.slbArrows {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0
}

.slbLoading .slbArrows {
    display: none
}

.slbArrow {
    position: absolute;
    top: 50%;
    margin-top: -5rem;
    width: 5rem;
    height: 10rem;
    opacity: .7;
    text-indent: -999rem;
    overflow: hidden
}

.slbArrow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.8rem 0 0 -.8rem;
    border: .8rem solid transparent
}

.slbArrow.next {
    right: 0
}

.slbArrow.next:before {
    border-left-color: #fff
}

.slbArrow.prev {
    left: 0
}

.slbArrow.prev:before {
    border-right-color: #fff
}

.slbIframeCont {
    width: 80rem;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    margin: 0
}

.slbIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 .2rem 1rem rgba(0, 0, 0, .6);
    background: #000
}

@-webkit-keyframes slbOverlay {
    from {
        opacity: 0
    }

    to {
        opacity: .7
    }
}

@-moz-keyframes slbOverlay {
    from {
        opacity: 0
    }

    to {
        opacity: .7
    }
}

@-ms-keyframes slbOverlay {
    from {
        opacity: 0
    }

    to {
        opacity: .7
    }
}

@keyframes slbOverlay {
    from {
        opacity: 0
    }

    to {
        opacity: .7
    }
}

@-webkit-keyframes slbEnter {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -1rem, 0);
        -moz-transform: translate3d(0, -1rem, 0);
        -ms-transform: translate3d(0, -1rem, 0);
        -o-transform: translate3d(0, -1rem, 0);
        transform: translate3d(0, -1rem, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slbEnter {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -1rem, 0);
        -moz-transform: translate3d(0, -1rem, 0);
        -ms-transform: translate3d(0, -1rem, 0);
        -o-transform: translate3d(0, -1rem, 0);
        transform: translate3d(0, -1rem, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-ms-keyframes slbEnter {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -1rem, 0);
        -moz-transform: translate3d(0, -1rem, 0);
        -ms-transform: translate3d(0, -1rem, 0);
        -o-transform: translate3d(0, -1rem, 0);
        transform: translate3d(0, -1rem, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slbEnter {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -1rem, 0);
        -moz-transform: translate3d(0, -1rem, 0);
        -ms-transform: translate3d(0, -1rem, 0);
        -o-transform: translate3d(0, -1rem, 0);
        transform: translate3d(0, -1rem, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.nav-block {
    display: flex;
    align-items: center;
    flex: 1 0 75%
}

@media (max-width:1199px) {
    .nav-block {
        flex: 1 0 80%
    }

    .navbar-toggleable-lg .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-lg>.container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width:957px) {
    .nav-block {
        flex: 0 auto
    }

    .navbar-toggleable-md .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-md>.container {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar {
    display: flex;
    align-items: center
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-brand {
    display: inline-block;
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: 0;
    font-size: 1.125rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-toggler {
    opacity: .9;
    padding: 10px;
    font-size: 1.125rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none;
    opacity: 1;
    color: #fff
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") center center/100% 100% no-repeat
}

.active .navbar-toggler-icon {
    background-image: url(../../img/cross.png)
}

.navbar-toggler-left {
    position: absolute;
    left: 0
}

.navbar-toggleable {
    display: inline-block
}

@media (max-width:575px) {
    .navbar-toggleable .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable>.container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-toggleable {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center
    }

    .navbar-toggleable .navbar-nav {
        flex-direction: row
    }

    .navbar-toggleable>.container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center
    }

    .navbar-toggleable .navbar-collapse {
        display: flex !important
    }

    .navbar-toggleable .navbar-toggler {
        display: none
    }
}

@media (max-width:767px) {
    .navbar-toggleable-sm .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-sm>.container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-toggleable-sm {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center
    }

    .navbar-toggleable-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-toggleable-sm>.container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center
    }

    .navbar-toggleable-sm .navbar-collapse {
        display: flex !important
    }

    .navbar-toggleable-sm .navbar-toggler {
        display: none
    }

    .pageNav .twocolumns {
        column-count: 2
    }
}

@media (min-width:958px) {
    .navbar-toggleable-md {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center
    }

    .navbar-toggleable-md .navbar-nav {
        flex-direction: row
    }

    .navbar-toggleable-md>.container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center
    }

    .navbar-toggleable-md .navbar-collapse {
        display: flex !important
    }

    .navbar-toggleable-md .navbar-toggler {
        display: none
    }

    .navbar-nav .nav-item {
        margin-right: 2.5%
    }
}

@media (min-width:1200px) {
    .navbar-toggleable-lg {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center
    }

    .navbar-toggleable-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-toggleable-lg>.container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center
    }

    .navbar-toggleable-lg .navbar-collapse {
        display: flex !important
    }

    .navbar-toggleable-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1369px) {
    .navbar-toggleable-xl .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-xl>.container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1370px) {
    .navbar-toggleable-xl {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center
    }

    .navbar-toggleable-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-toggleable-xl>.container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center
    }

    .navbar-toggleable-xl .navbar-collapse {
        display: flex !important
    }

    .navbar-toggleable-xl .navbar-toggler {
        display: none
    }
}

@media (max-width:1499px) {
    .navbar-toggleable-xxl .navbar-nav .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggleable-xxl>.container {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1500px) {
    .navbar-toggleable-xxl {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center
    }

    .navbar-toggleable-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-toggleable-xxl>.container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center
    }

    .navbar-toggleable-xxl .navbar-collapse {
        display: flex !important
    }

    .navbar-toggleable-xxl .navbar-toggler {
        display: none
    }
}

.navbar-toggleable-xxxl {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.navbar-toggleable-xxxl .navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-toggleable-xxxl .navbar-nav {
    flex-direction: row
}

.navbar-toggleable-xxxl>.container {
    padding-right: 0;
    padding-left: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.navbar-toggleable-xxxl .navbar-collapse {
    display: flex !important
}

.navbar-toggleable-xxxl .navbar-toggler {
    display: none
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent
}

.dropdown-toggle:focus {
    outline: 0
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .3em solid
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #636c72;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.dropdown-divider {
    height: 1px;
    margin: 5px 0;
    overflow: hidden;
    background-color: #eceeef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #1d1e1f;
    text-decoration: none;
    background-color: #f7f7f9
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #a9ff8e
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #636c72;
    cursor: not-allowed;
    background-color: transparent
}

.show>.dropdown-menu {
    display: block
}

.show>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #636c72;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: .125rem
}

.header {
    position: relative;
    z-index: 6;
    padding: 0
}

.header.darkcover {
    box-shadow: 0 2000px 0 2000px rgba(0, 0, 0, .7)
}

.ismobile .header {
    min-height: 75px
}

@media (max-width:957px) {
    .header .navbar-nav {
        display: none
    }

    .ismobile .header {
        height: 99px
    }
}

.fixedheader {
    background: #000
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3
}

.navbar {
    position: relative;
    z-index: 10;
    background: #000;
    padding: 0
}

.navbar .nav-brand {
    position: relative;
    flex: 1 1 25%;
    padding-right: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    color: #00a8ca;
    padding: 15px;
}

.navbar .nav-brand img {
    position: relative;
    margin-top: 8px;
    max-height: 53px;
    height: auto
}

@media (max-width:1199px) {
    .navbar .nav-brand {
        flex: 1 1 20%
    }

    .navbar {
        flex-wrap: wrap
    }

    .navbar-nav .nav-item:nth-child(n+7) {
        display: none
    }
}

@media (max-width:767px) {
    .navbar {
        padding: 3px 0
    }
}

.navbar-collapse {
    align-items: center
}

.navbar-nav {
    font-weight: 600;
    flex: 1 auto
}

.navbar-nav .nav-item {
    display: inline-block;
    text-align: center;
    position: relative
}

@media (min-width:1370px) {
    .navbar-nav .nav-item {
        margin-right: 3.56%
    }
}

@media (max-width:957px) {
    .navbar-nav .nav-item:nth-child(n+7) {
        display: inline-block
    }
}

.navbar-nav .nav-item:first-child .nav-link-first {
    color: #8ff1ff;
    border-color: rgba(143, 241, 255, .2)
}

.navbar-nav .nav-item:first-child .active a,
.navbar-nav .nav-item:first-child .nav-link-first.active,
.navbar-nav .nav-item:first-child .nav-link-first:hover {
    border-color: #8ff1ff;
    text-decoration: none
}

.navbar-nav .nav-item:first-child .nav-link-first:after {
    background-color: #8ff1ff
}

.navbar-nav .nav-item:nth-child(2) .nav-link-first {
    color: #ffef87;
    border-color: rgba(255, 239, 135, .2)
}

.navbar-nav .nav-item:nth-child(2) .active a,
.navbar-nav .nav-item:nth-child(2) .nav-link-first.active,
.navbar-nav .nav-item:nth-child(2) .nav-link-first:hover {
    border-color: #ffef87;
    text-decoration: none
}

.navbar-nav .nav-item:nth-child(2) .nav-link-first:after {
    background-color: #ffef87
}

.navbar-nav .nav-item:nth-child(3) .nav-link-first {
    color: #a9ff8e;
    border-color: rgba(169, 255, 142, .2)
}

.navbar-nav .nav-item:nth-child(3) .active a,
.navbar-nav .nav-item:nth-child(3) .nav-link-first.active,
.navbar-nav .nav-item:nth-child(3) .nav-link-first:hover {
    border-color: #a9ff8e;
    text-decoration: none
}

.navbar-nav .nav-item:nth-child(3) .nav-link-first:after {
    background-color: #a9ff8e
}

.navbar-nav .nav-item:nth-child(4) .nav-link-first {
    color: #fdb25b;
    border-color: rgba(253, 178, 91, .2)
}

.navbar-nav .nav-item:nth-child(4) .active a,
.navbar-nav .nav-item:nth-child(4) .nav-link-first.active,
.navbar-nav .nav-item:nth-child(4) .nav-link-first:hover {
    border-color: #fdb25b;
    text-decoration: none
}

.navbar-nav .nav-item:nth-child(4) .nav-link-first:after {
    background-color: #fdb25b
}

.navbar-nav .nav-item:nth-child(5) .nav-link-first {
    color: #d679d9;
    border-color: rgba(214, 121, 217, .2)
}

.navbar-nav .nav-item:nth-child(5) .active a,
.navbar-nav .nav-item:nth-child(5) .nav-link-first.active,
.navbar-nav .nav-item:nth-child(5) .nav-link-first:hover {
    border-color: #d679d9;
    text-decoration: none
}

.navbar-nav .nav-item:nth-child(5) .nav-link-first:after {
    background-color: #d679d9
}

.navbar-nav .nav-item:nth-child(6) .nav-link-first {
    color: #8194ff;
    border-color: rgba(129, 148, 255, .2)
}

.navbar-nav .nav-item:nth-child(6) .active a,
.navbar-nav .nav-item:nth-child(6) .nav-link-first.active,
.navbar-nav .nav-item:nth-child(6) .nav-link-first:hover {
    border-color: #8194ff;
    text-decoration: none
}

.navbar-nav .nav-item:nth-child(6) .nav-link-first:after {
    background-color: #8194ff
}

.navbar-nav .nav-item:nth-child(7) .nav-link-first {
    color: #ff6f6f;
    border-color: rgba(255, 111, 111, .2)
}

.navbar-nav .nav-item:nth-child(7) .active a,
.navbar-nav .nav-item:nth-child(7) .nav-link-first.active,
.navbar-nav .nav-item:nth-child(7) .nav-link-first:hover {
    border-color: #ff6f6f;
    text-decoration: none
}

.navbar-nav .nav-item:nth-child(7) .nav-link-first:after {
    background-color: #ff6f6f
}

.navbar-nav .nav-item .nav-link-first {
    font-size: 18px;
    display: inline-block;
    letter-spacing: .04rem;
    padding: 22px 0;
    line-height: 30px;
    position: relative;
    white-space: nowrap
}

@media (max-width:1369px) {
    .navbar-nav .nav-item .nav-link-first {
        font-size: 17px
    }
}

.navbar-nav .nav-item .nav-link-first:after {
    content: "";
    display: none;
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 100%;
    left: 0
}

.navbar-nav .nav-item .nav-link-first.active,
.navbar-nav .nav-item .nav-link-first:hover {
    opacity: 1
}

.navbar-nav .nav-item .nav-link-first.active:after,
.navbar-nav .nav-item .nav-link-first:hover:after {
    display: block
}

.navbar-nav .nav-item a.nav-link-lock,
.navbar-nav .nav-item a.nav-link-magnifier {
    background: url(../../img/magnifier.png) center center/50% no-repeat;
    padding-left: 40px;
    min-height: 45px;
    height: 100%;
    border-color: transparent !important
}

.navbar-nav .nav-item a.nav-link-lock:hover,
.navbar-nav .nav-item a.nav-link-magnifier:hover {
    border-color: transparent !important
}

.navbar-nav .nav-item a.active.nav-link-lock,
.navbar-nav .nav-item a.nav-link-magnifier.active {
    background: url(../../img/cross.png) 10px center/30px no-repeat
}

.navbar-nav .nav-item a.nav-link-lock {
    background: url(../../img/lock.png) 10px center/25px no-repeat
}

.navbar-nav .nav-item:last-child {
    margin-right: 0 !important
}

.navbar-nav .nav-item:hover .navbar-submenu {
    display: block
}

.navbar-nav:hover .nav-link-first {
    opacity: .7
}

.navbar-nav .navbar-submenu {
    border-radius: 3px;
    border: 1px solid #828282;
    box-shadow: 10px 5px 3px 0 rgba(0, 0, 0, .59);
    background-color: #0c0c0c;
    padding: 20px 0;
    min-width: 250px
}

@media (min-width:958px) {
    .navbar-nav .navbar-submenu {
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
        z-index: 20
    }

    .navbar-nav .navbar-submenu.menu-col-2 ul {
        width: 450px;
        column-count: 2;
        column-gap: 0;
        position: relative
    }

    .navbar-nav .navbar-submenu.menu-col-2 ul:after {
        content: "";
        position: absolute;
        top: 9px;
        bottom: 9px;
        left: 50%;
        width: 1px;
        background: #1b1b1b
    }

    .navbar-nav .navbar-submenu.menu-col-2 .nav-item {
        flex: 0 0 50%
    }

    .navbar-nav .navbar-submenu.menu-col-2 .nav-item .nav-link {
        padding: 6px 21px
    }

    .sidebar {
        padding-right: 20px
    }
}

.navbar-nav .navbar-submenu ul {
    padding: 0;
    margin: 0;
    text-align: left
}

.navbar-nav .navbar-submenu .nav-item {
    margin: 0;
    white-space: nowrap;
    text-align: left;
    font-size: 16px;
    line-height: 1.5em;
    display: block
}

.navbar-nav .navbar-submenu .nav-item img {
    margin: -1px 8px 0 0;
    vertical-align: middle;
    box-sizing: content-box;
    max-width: none
}

.navbar-nav .navbar-submenu .nav-item .nav-link {
    color: #bfbfbf;
    padding: 6px 21px;
    display: block
}

.navbar-nav .navbar-submenu .nav-item .nav-link.active,
.navbar-nav .navbar-submenu .nav-item .nav-link:hover {
    color: #aeff95
}

.navbar-nav .navbar-submenu .nav-item.more {
    margin-top: 20px;
    text-align: center;
    background-color: #141414;
    border-top: 1px solid #2b2b2b
}

.navbar-nav .navbar-submenu .nav-item.more .nav-link {
    color: #adff91;
    padding: 13px 21px
}

.navbar-nav .navbar-submenu .nav-item.more .icon {
    margin-left: 6px
}

.navbar-nav .filter_button {
    padding: .7em !important
}

.nav-item .active .filter_list {
    filter: brightness(150%) !important
}

.ismobile .navbar-nav .nav-item:hover .navbar-submenu {
    display: none
}

.flag-block {
    display: inline-block;
    padding-left: 28px
}

.flag-block.flag-block-eng {
    background: url(../../img/flags/gb.jpg) left center/20px 15px no-repeat
}

.flag-block.flag-block-rus {
    background: url(../../img/flags/ru.jpg) left center/20px 15px no-repeat
}

.flag-block.flag-block-esp {
    background: url(../../img/flags/esp.jpg) left center/20px 15px no-repeat
}

.navbar .clever {
    width: 26px;
    height: 33px;
    background: url(/template/X/img/animations/clever.png) right center/130px 33px no-repeat;
    position: absolute;
    display: block;
    bottom: 15px;
    right: 2rem
}

.navbar .clever:after {
    position: absolute;
    width: 45px;
    height: 45px;
    content: "";
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -24.5px
}

.navbar .clever.coins {
    background-image: url(/template/X/img/animations/coins.png)
}

.navbar .clever.stars {
    background-image: url(/template/X/img/animations/stars.png)
}

.navbar .clever.cherry {
    background-image: url(/template/X/img/animations/cherry.png)
}

.navbar .clever.kubiki {
    background-image: url(/template/X/img/animations/kubiki.png)
}

.navbar .clever.ladybug {
    background-image: url(/template/X/img/animations/ladybug.png)
}

.navbar .clever.podkova {
    background-image: url(/template/X/img/animations/podkova.png)
}

.navbar .clever.crystal {
    background-image: url(/template/X/img/animations/crystal.png)
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.sidebar {
    background: #000;
    position: relative;
    z-index: 4;
    font-size: 15px;
    font-weight: 600
}

.sidebar img {
    max-width: 100%
}

.sidebar li {
    list-style: none
}

.bread_and_content .table_of_context-block .sidebar .table_of_contents_list,
.comments-form .sidebar .comments-input,
.comments-form .sidebar .comments-textarea,
.navbar .sidebar .clever:after,
.sidebar .bordered,
.sidebar .bordered-content,
.sidebar .bread_and_content .table_of_context-block .table_of_contents_list,
.sidebar .checkbox_button:before,
.sidebar .comments-form .comments-input,
.sidebar .comments-form .comments-textarea,
.sidebar .navbar .clever:after,
.sidebar .notifyjs-notify-base {
    border-color: #2b2b2b
}

.sidebar .border-hover:hover {
    border-color: #a0a0a0
}

@media (max-width:957px) {
    .sidebar {
        padding-left: 10px !important;
        padding-right: 10px !important;
        display: none
    }
}

.sidebar .navbar-nav {
    margin-bottom: 20px
}

.sidebar .navbar-nav .nav-item {
    margin-bottom: 3px
}

.sidebar .navbar-nav .nav-item:first-child .nav-link {
    color: #8ff1ff
}

.sidebar .navbar-nav .nav-item:nth-child(2) .nav-link {
    color: #ffef87
}

.sidebar .navbar-nav .nav-item:nth-child(3) .nav-link {
    color: #a9ff8e
}

.sidebar .navbar-nav .nav-item:nth-child(4) .nav-link {
    color: #fdb25b
}

.sidebar .navbar-nav .nav-item:nth-child(5) .nav-link {
    color: #d679d9
}

.sidebar .navbar-nav .nav-item:nth-child(6) .nav-link {
    color: #8194ff
}

.sidebar .navbar-nav .nav-item:nth-child(7) .nav-link {
    color: #ff6f6f
}

.sidebar .navbar-nav .nav-link {
    font-size: 19px;
    letter-spacing: .04rem;
    line-height: 32px;
    display: block
}

.sidebar_widget {
    margin-bottom: 23px
}

.sidebar_widget:last-child {
    margin-bottom: 0
}

.widget-content {
    padding: 0;
    margin-bottom: 10px
}

.widget-content>ul {
    margin-bottom: 0
}

.widget-content a {
    color: #bfbfbf
}

.widget-content a:hover {
    color: #aeff95
}

.sidebar_widget-content {
    padding: 30px 15px;
    margin-bottom: 20px
}

.sidebar_blank {
    margin-bottom: 1rem;
    height: 2.3rem
}

.sidebar_widget .widget-title {
    color: #ffd995;
    text-transform: uppercase;
    margin: 0 0 10px;
    letter-spacing: 1px
}

.sidebar_widget .widget-title.widget-title-with-info {
    display: flex;
    justify-content: space-between
}

.sidebar_widget .widget-title a {
    color: #ffd995;
    display: block
}

.sidebar_widget .title-icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: -3px 4px 0 0
}

.collapser .collapse-button {
    cursor: pointer
}

.collapser .collapse-this {
    display: none
}

.collapser.opened .collapse-this {
    display: block
}

.widget-theme .sidebar-videogames li a {
    display: block;
    padding: 5px
}

.widget-theme .sidebar-videogames li a img {
    margin: 0;
    width: 33px;
    height: 33px
}

.widget-theme .sidebar-videogames li a span {
    display: block
}

.daygame {
    border-radius: 3px;
    border: 1px solid #828282;
    background-color: #141414
}

.daygame .title {
    color: #a6a6a6;
    text-transform: uppercase
}

.daygame .date {
    color: #6e6e6e
}

.daygame .game-item {
    display: block;
    color: #ddd;
    font-size: 16px;
    padding: 2px 0
}

.daygame .game-item:hover {
    color: #aeff95
}

.daygame .icon {
    width: 22px;
    margin: -4px 6px 0 0
}

.sb-grey-list {
    background-color: #191919;
    padding: 0;
    margin: 0
}

.sb-grey-list .sb-grey-li {
    line-height: 20px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #2b2b2b
}

.sb-grey-list .sb-grey-li:hover {
    background: #2b2b2b
}

.sb-grey-list .sb-grey-item {
    display: flex;
    padding: 10px 18px;
    color: #a0a0a0
}

.sb-grey-list .sb-grey-item .name {
    flex: 1 0 auto
}

.sb-grey-list .sb-grey-item .count {
    flex: 0 auto;
    color: #999;
    font-weight: 400
}

.sb-grey-list .opened .icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.sb-black-list {
    padding: 0;
    margin: 0;
    background-color: #000
}

.sb-black-list .sb-black-li {
    line-height: 20px;
    padding: 0 18px;
    margin: 0
}

.sb-black-list .sb-black-li:last-child .sb-black-item {
    border-bottom: none
}

.sb-black-list .sb-black-li.active a {
    color: #fff
}

.sb-black-list .sb-black-li img {
    vertical-align: middle;
    margin: 0 10px 2px 0
}

.sb-black-list .sb-black-item {
    display: block;
    padding: 10px 0;
    color: #a0a0a0;
    border-bottom: 1px solid #2b2b2b
}

.sb-sub-list {
    padding: 10px 0;
    border-top: 1px solid #2b2b2b
}

.sb-list {
    border: 1px solid #2b2b2b;
    border-radius: 3px;
    padding: 0 15px;
    margin: 0;
    background: #191919
}

.sb-list .sb-list-item {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #2b2b2b;
    display: flex;
    overflow: hidden;
    align-items: center
}

.sb-list .sb-list-item:last-child {
    border-bottom: none
}

.sb-list .sb-list-item.active a {
    color: #aeff95
}

.sb-list .sb-list-item .name {
    flex: 1 0 auto;
    padding: 10px 0;
    max-width: 100%
}

.sb-list .sb-list-item .count {
    flex: 0 auto;
    color: #999;
    font-weight: 400
}

.sb-list .sb-list-item img {
    margin-right: 6px;
    width: 20px;
    vertical-align: middle
}

.sb-list .sb-list-item .image-big {
    margin-top: -12px;
    margin-bottom: -12px;
    margin-right: 20px;
    width: 46px
}

.sidebar-county .country-title {
    color: #ddd;
    display: block;
    padding: 15px 18px 0
}

.sidebar-county .county-image a {
    display: block
}

.sidebar-county .img {
    width: 225px
}

.sidebar-county .widget-content:hover {
    border-color: #828282
}

.informer {
    margin-bottom: 10px;
    background-color: #191919;
    position: relative
}

.informer .informer-title {
    font-size: 1.125rem;
    color: #ddd;
    margin-bottom: 10px
}

.informer .big-number {
    font-size: 1.444rem;
    color: #ffb75e;
    line-height: 1.2
}

.informer .under-text {
    font-size: .75rem;
    color: #737373
}

.informer .over-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.informer:hover {
    border-color: #828282
}

.informer .countryIntro {
    color: #737373
}

.widget-games-list {
    background: #191919
}

.widget-games-list .widget-games-item {
    list-style: none;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    border-bottom: 1px solid #2b2b2b;
    padding: .68rem 0
}

.widget-games-list .widget-games-item:last-child {
    border-bottom: none
}

.widget-games-list .number {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 4px
}

.widget-games-list .number img {
    width: 16px
}

.widget-games-list .game-link-item {
    color: #ddd
}

.widget-games-list .developer-link {
    color: #a0a0a0;
    border-left: 1px solid #2b2b2b
}

.theme-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.theme-list li {
    margin-bottom: 10px
}

.theme-list li.active a {
    color: #aeff95
}

.theme-list li a {
    box-sizing: border-box;
    display: flex;
    padding: 10px 12px;
    box-sizing: border-box;
    border: 1px solid #2b2b2b;
    border-radius: 3px;
    background: #191919
}

.theme-list li a img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    vertical-align: middle
}

.theme-list li a:hover {
    color: #aeff95;
    border-color: #828282
}

.theme-list li .name {
    flex: 1 0 auto
}

.theme-list li .count {
    color: #999;
    flex: 0 auto;
    font-weight: 400
}

.widget-theme.widget-theme-fullsize {
    width: 100%
}

.widget-theme.widget-theme-fullsize li {
    flex: 0 0 7.14285714286%;
    max-width: 7.14285714286%
}

.widget-theme.widget-theme-fullsize li a {
    padding-top: 30px
}

.widget-soft-list,
.widget-type-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.widget-soft-list li,
.widget-type-list li {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 1.3rem;
    padding: 3px 0;
    flex: 1 1 100%;
    min-width: 100%
}

.widget-soft-list li a,
.widget-soft-list li span.item,
.widget-type-list li a,
.widget-type-list li span.item {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center
}

.widget-soft-list li a span,
.widget-soft-list li span.item span,
.widget-type-list li a span,
.widget-type-list li span.item span {
    display: flex;
    line-height: 1
}

@media (max-width:575px) {

    .widget-soft-list li,
    .widget-type-list li {
        flex: 1 1 100%;
        max-width: 100%
    }
}

@media (min-width:958px) {

    .widget-soft-list li,
    .widget-type-list li {
        flex: 1 1 100%;
        max-width: 100%
    }
}

.widget_country {
    padding-top: 15px;
    padding-bottom: 15px
}

.widget_country img {
    opacity: .9
}

.widget_country img:hover {
    opacity: 1
}

.widget-control-panel {
    display: flex;
    flex-direction: row
}


img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }
  
  
  figure img {
    border-radius: 16px;
    margin: 20px auto;
  }

  
.widget-control-panel .widget-control-button {
    flex: 1 0 auto;
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative
}

.widget-control-panel .widget-control-button:before {
    content: "";
    height: 1px;
    left: 3%;
    width: 94%;
    bottom: auto;
    top: 0;
    background: rgba(44, 44, 44, .5);
    position: absolute;
    z-index: 1
}

.widget-control-panel .widget-control-button:first-child {
    border-right-width: 0;
    border-bottom-right-radius: 0
}

.widget-control-panel .widget-control-button:first-child.active {
    border-right-width: 1px;
    border-bottom-left-radius: 0
}

.widget-control-panel .widget-control-button:first-child.active:before {
    bottom: 0;
    top: auto
}

.widget-control-panel .widget-control-button:last-child {
    border-left-width: 0;
    border-bottom-left-radius: 0
}

.widget-control-panel .widget-control-button:last-child.active {
    border-left-width: 1px;
    border-bottom-right-radius: 0
}

.widget-control-panel .widget-control-button.active {
    border-bottom-width: 0;
    border-top-width: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.widget-casino-bonus-list,
.widget-casino-top-list,
.widget-developer-top-list {
    list-style: none;
    padding: 0
}

.widget-casino-bonus-list .widget-casino-top-list-item,
.widget-casino-bonus-list .widget-cb-bonus-list-item,
.widget-casino-bonus-list .widget-developer-top-list-item,
.widget-casino-top-list .widget-casino-top-list-item,
.widget-casino-top-list .widget-cb-bonus-list-item,
.widget-casino-top-list .widget-developer-top-list-item,
.widget-developer-top-list .widget-casino-top-list-item,
.widget-developer-top-list .widget-cb-bonus-list-item,
.widget-developer-top-list .widget-developer-top-list-item {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    border-radius: 3px
}

.widget-casino-top-list .widget-casino-top-list-item {
    background: #191919
}

.widget-casino-bonus .sidebar-bonus-head {
    font-size: 12px;
    padding: 0 5px 5px;
    color: #646464
}

.widget-casino-bonus li {
    margin-bottom: 10px
}

.widget-casino-bonus li:hover {
    border-color: #828282
}

.widget-casino-bonus .widget-cb-bonus-list-item {
    background: #191919
}

.widget-casino-bonus .bonus-summ {
    color: #ddd;
    font-weight: 700
}

.widget-casino-bonus .ba-1 {
    position: relative
}

.widget-casino-bonus .ba-1:after {
    content: "";
    height: 30px;
    top: 50%;
    right: 0;
    position: absolute;
    margin-top: -15px;
    border-right: 1px solid #2b2b2b
}

.widget-casino-bonus .col-bonus-get {
    text-align: right
}

.widget-casino-bonus .bonus-tc,
.widget-casino-bonus .button-solid {
    display: inline-block
}

.widget-casino-bonus .bonus-tc .link-tc {
    color: #a0a0a0;
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px dotted #a0a0a0
}

.sidebar_blogs .widget-content {
    background: #191919
}

.sidebar_blogs .item {
    border-bottom: 1px solid #2b2b2b
}

.sidebar_blogs .item:last-child {
    border-bottom: none
}

.sidebar_blogs .blog-date {
    color: #5d5d5d
}

.sidebar_blogs .active {
    color: #fff
}

.bread_and_content_nomargin .table_of_context-block {
    margin-right: 0
}

.breadcrumbs-block {
    margin-bottom: 10px
}

.breadcrumbs {
    font-size: 15px;
    padding: 0;
    margin: -2px 0 0
}

.breadcrumbs li {
    list-style: none;
    color: #646464;
    display: inline-block
}

.breadcrumbs li:first-child {
    padding-left: 0
}

.breadcrumbs a {
    color: #a0a0a0;
    display: block;
    padding: 2px
}

.breadcrumbs a:hover {
    text-decoration: none;
    color: #aeff95
}

.breadcrumbs .separ {
    padding: 0 9px
}

.breadcrumbs .separ .icon {
    margin-top: -2px;
    vertical-align: middle
}

@media (max-width:957px) {
    .flex-md-down {
        display: flex;
        flex-direction: column
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .main-image {
        min-height: 120px;
        margin: -10px 0
    }

    .main-image img {
        width: 120px;
        height: auto
    }
}

.open-content-part {
    font-size: 1rem
}

.nav-anchor {
    margin-top: -100px;
    padding-bottom: 100px;
    display: block;
    visibility: hidden;
    pointer-events: none
}

.pageNav {
    background-color: #191919;
    margin-bottom: 24px;
    border-color: #2b2b2b;
    padding: 30px
}

.pageNav .title {
    color: #ddd
}

.pageNav .anchor-link {
    border-bottom: none;
    display: block;
    overflow: hidden
}

.pageNav ol {
    font-size: 14px;
    color: #aeff95;
    padding-left: 17px
}

.pageNav ol li {
    margin-bottom: 6px
}

.pageNav ol li:last-child {
    margin-bottom: 0
}

.links-buttons .pageNav a,
.pageNav .button,
.pageNav .links-buttons a,
.pageNav .soc-small_fb,
.pageNav .soc_fb,
.pageNav .soc_gp,
.pageNav .soc_im,
.pageNav .soc_tw,
.pageNav .soc_yt,
.pageNav .spans-buttons span,
.spans-buttons .pageNav span {
    border-color: #2b2b2b;
    background-color: #101010;
    line-height: 1.5rem;
    padding: 3px 12px
}

.links-buttons .pageNav a:hover,
.pageNav .button:hover,
.pageNav .links-buttons a:hover,
.pageNav .soc-small_fb:hover,
.pageNav .soc_fb:hover,
.pageNav .soc_gp:hover,
.pageNav .soc_im:hover,
.pageNav .soc_tw:hover,
.pageNav .soc_yt:hover,
.pageNav .spans-buttons span:hover,
.spans-buttons .pageNav span:hover {
    color: #fff;
    border-color: #828282
}

.welcomepage {
    border-bottom: 1px solid #2b2b2b
}

.welcomepage .title {
    font-size: 26px;
    font-weight: 700;
    color: #67d4f2;
    margin-bottom: 8px;
    line-height: 1.31
}

.welcomepage .inside-text {
    padding: 34px 40px 42px;
    width: 460px;
    max-width: 100%;
    box-sizing: border-box;
    color: #707bba;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width:1199px) {
    .welcomepage .inside-text {
        width: auto
    }
}

.welcomepage .button-solid {
    padding: 7px 20px
}

.slider {
    position: relative
}

.slider svg {
    display: inline-block;
    vertical-align: middle
}

.slider .slide {
    position: relative;
    display: block;
    overflow: hidden;
    opacity: 0;
    transition: opacity .18s
}

.slider .slide.active {
    z-index: 2;
    opacity: 1
}

.slider .slide img {
    width: 100%;
    min-width: 414px
}

.slider .slider-nav {
    background-color: rgba(99, 99, 99, .3);
    width: 18px;
    height: 40px;
    position: absolute;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    color: #a0a0a0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.slider .slider-nav:hover {
    background-color: rgba(99, 99, 99, .4)
}

.slider .slider-nav.slider-prev {
    left: 0;
    border-radius: 0 3px 3px 0
}

.slider .slider-nav.slider-next {
    right: 0;
    border-radius: 3px 0 0 3px
}

.slider .slider-nav svg {
    padding-top: 2px
}

.slider .slider-pag {
    position: absolute;
    z-index: 3;
    bottom: 30px;
    left: 40px
}

.slider .slider-pag span {
    cursor: pointer;
    width: 10px;
    height: 10px;
    background-color: #2b2b2b;
    border: 1px solid #636363;
    border-radius: 6px;
    display: inline-block;
    margin-right: 12px
}

.slider .slider-pag span.active,
.slider .slider-pag span:hover {
    background-color: #636363;
    transition: background .2s
}

.greyblocks .greyblocks-item {
    display: block;
    position: relative;
    height: 100%;
    background: #191919;
    border: 1px solid #2b2b2b;
    border-radius: 3px;
    padding: 0 0 15px;
    color: #ddd;
    line-height: 1.5;
    overflow: hidden
}

.greyblocks .greyblocks-item img {
    max-width: 100%;
    margin: 0 0 12px;
    border-bottom: 1px solid #1b1b1b
}

.greyblocks .greyblocks-item:hover .hover {
    display: block
}

.greyblocks .title {
    color: #ddd;
    margin: 0 0 5px;
    display: block
}

.greyblocks .title:hover {
    color: #fff
}

.greyblocks .big-name {
    color: #fff;
    margin-bottom: 10px;
    font-size: 1.125rem;
    text-align: center
}

.greyblocks .text {
    font-size: 14px;
    line-height: 1.57;
    color: #a0a0a0;
    text-align: left
}

.greyblocks .hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #191919;
    border: 1px solid #828282;
    padding: 18px 15px 16px
}

.greyblocks .hover-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.greyblocks .button-solid {
    position: absolute;
    bottom: 16px;
    left: 15px;
    right: 15px;
    color: #fff;
    z-index: 1;
    font-weight: 700;
    box-shadow: 0 -5px 5px 5px #191919
}

.all,
.relative {
    position: relative
}

.bread_and_content .table_of_context-block .main.table_of_contents_list,
.comments-form .main.comments-input,
.comments-form .main.comments-textarea,
.main.bordered,
.main.bordered-content,
.main.checkbox_button:before,
.main.notifyjs-notify-base,
.navbar .main.clever:after {
    border-width: 2px
}

.main .content-block,
.main .text-block {
    padding-left: 30px;
    padding-right: 30px
}

.main .content-block .content-block,
.main .content-block .text-block,
.main .text-block .content-block,
.main .text-block .text-block {
    padding-left: 0;
    padding-right: 0
}

.main .content-block img,
.main .text-block img {
    max-width: 100%
}

.main .block .text-block {
    padding-left: 30px;
    padding-right: 30px
}

@media (max-width:767px) {
    .pageNav {
        padding: 20px
    }

    .main .content-block,
    .main .text-block {
        padding-left: 20px;
        padding-right: 20px
    }

    .main .block .text-block {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:575px) {

    .main .block .text-block,
    .main .content-block,
    .main .text-block {
        padding-left: 10px;
        padding-right: 10px
    }
}

.main-padding {
    padding: 30px
}

@media (max-width:767px) {
    .main-padding {
        padding: 15px
    }
}

.scrollerTop {
    display: none;
    padding: 0;
    margin: 0;
    outline: 0;
    width: 64px;
    height: 140px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    border: 0;
    background: url(../../img/scroller/ufo_neon.png) center 60px/56px 50px no-repeat;
    opacity: .5
}

@media (min-width:1500px) {
    .scrollerTop {
        left: 50%;
        right: auto;
        margin-left: 680px
    }
}

.scrollerTop:before {
    position: absolute;
    bottom: 90px;
    content: "";
    background: url(../../img/scroller/to_top.png) center bottom/18px 43px;
    height: 14px;
    width: 18px;
    left: 50%;
    margin-left: -9px
}

.scrollerTop:after {
    content: attr(data-text);
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 10px;
    line-height: 1.5rem
}

.scrollerTop.phase_1:before {
    height: 28px
}

.scrollerTop.phase_2:before {
    height: 43px
}

.scrollerTop.inprogress:after,
.scrollerTop.inprogress:before {
    display: none
}

.scrollerTop:hover {
    opacity: 1
}

.neon-title,
.neon-title:hover {
    text-decoration: none
}

.content-block {
    color: #a0a0a0
}

.text-block {
    color: #a0a0a0;
    margin-bottom: 30px
}

.text-block:last-child {
    margin-bottom: 0
}

.text-block iframe {
    max-width: 100%
}

.text-block blockquote {
    border-top: 1px solid #2b2b2b;
    border-bottom: 1px solid #2b2b2b;
    font-size: 1.125em;
    line-height: 1.44;
    font-style: italic;
    padding: 1em 0
}

.text-block blockquote p:first-child:before {
    content: "«"
}

.text-block blockquote p:last-child {
    margin-bottom: 0
}

.text-block blockquote p:last-child:after {
    content: "»"
}

.in-text-table {
    overflow: scroll;
    max-width: 100%
}

table {
    background-color: transparent;
    color: #a0a0a0;
    margin: 30px auto;
    border-collapse: collapse;
    border: 1px solid #a0a0a0
}

table thead {
    font-weight: 600
}

table td,
table th {
    border: 1px solid rgba(160, 160, 160, .4);
    padding: 5px
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    color: #ddd
}

.h1,
h1 {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.25
}

.h2,
h2 {
    font-size: 1.5rem;
    font-weight: 700
}

.h3,
h3 {
    font-size: 1.25rem;
    font-weight: 700
}

.h4,
h4,
h5,
h6,
h7 {
    font-size: 1.25rem;
    font-weight: 400
}

.block .text-block-with-image {
    padding-left: 15px !important
}

.text-block-with-image {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px
}

@media (min-width:958px) {
    .text-block-with-image {
        flex-direction: row
    }
}

.text-block-with-image .text-block-text {
    flex: 0 1 auto
}

@media (min-width:958px) {
    .text-block-with-image .text-block-image {
        flex: 1 0 auto;
        order: 2
    }

    .widget_slots_list .widget_slots_list-item:hover .hover {
        display: block
    }
}

.main .fader-text.fader_foldable.fader_opened:after {
    height: 0;
    box-shadow: none
}

.uppercase {
    text-transform: uppercase
}

.fader-text {
    position: relative;
    overflow: hidden
}

.fader-text .open-content-part {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 2
}

.widget_casino_sites_item {
    padding: 10px 0;
    align-items: center;
    justify-content: center
}

.widget_row_list .widget_row_list_item {
    align-items: center
}

.widget_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px 0
}

.widget_buttons .widget_buttons_title {
    flex: 1 0 auto;
    color: #ddd;
    font-size: 24px;
    font-weight: 700;
    padding-right: 10px;
    max-width: 100%
}

.widget_buttons .widget_buttons_list {
    display: flex;
    position: relative;
    z-index: 3
}

@media (max-width:1199px) {
    .widget_buttons .widget_buttons_list {
        flex-wrap: wrap
    }
}

.widget_buttons .widget_buttons_list .widget_buttons_item {
    flex: 0 1 auto
}

.widget_buttons .widget_buttons_list .widget_buttons_item:first-child {
    padding-left: 0
}

.widget_buttons .block-more-link {
    font-weight: 600
}

.block_container {
    position: relative
}

.block_container .nav-horiz {
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
    cursor: pointer
}

.block_container .nav-horiz.nav-page-prev {
    left: -30px
}

.block_container .nav-horiz.nav-page-next {
    right: -30px
}

@media (max-width:767px) {
    .widget_buttons .widget_buttons_title {
        font-size: 18px
    }

    .block_container .nav-horiz {
        display: none
    }
}

.widget_slots_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -5px;
    clear: both
}

.widget_slots_list .widget_slots_border {
    position: relative;
    border-radius: 3px;
    border: 1px solid #2b2b2b;
    display: block
}

.widget_slots_list .widget_slots_list-item {
    position: relative;
    display: inline-block;
    flex: 1 1 20%;
    max-width: 20%;
    text-align: center;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 5px;
    margin: 0 0 10px
}

.widget_slots_list .widget_slots_list-item a {
    color: #eee;
    font-size: 16px
}

.widget_slots_list .widget_slots_list-item a .widget_slots-name {
    min-height: 3rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

.widget_slots_list .widget_slots_list-item a:hover {
    color: #aeff95
}

.widget_slots_list .widget_slots_list-item .slot-link {
    padding: 12px 10px 4px;
    display: block;
    font-family: Open Sans;
    font-weight: 600
}

.widget_slots_list .widget_slots_list-item .slot-link img {
    padding: 10px 0 0;
    width: 136px;
    height: auto;
    box-sizing: content-box
}

.widget_slots_list .widget_slots_list-item .img-abs {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 10px
}

.widget_slots_list .widget_slots_list-item .hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #a0a0a0;
    background-color: #191919;
    border-radius: 3px;
    padding: 12px 16px
}

.widget_slots_list .widget_slots_list-item .hover span {
    display: block
}

.widget_slots_list .widget_slots_list-item .slot-name {
    font-size: 1.125rem;
    color: #fff;
    margin: 0 -4px 2px;
    display: block;
    max-height: 1.6em;
    position: relative
}

.widget_slots_list .widget_slots_list-item .slot-name span {
    display: block;
    background-color: #191919;
    max-height: 3.4rem;
    overflow: hidden
}

.widget_slots_list .widget_slots_list-item .slot-dev-name {
    font-size: 14px;
    color: #a0a0a0;
    line-height: 2;
    margin-bottom: 2px
}

.widget_slots_list .widget_slots_list-item .slot-dev-name img,
.widget_slots_list .widget_slots_list-item .slot-dev-name svg {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-top: -2px
}

.widget_slots_list .widget_slots_list-item .slot-dev-name:hover {
    color: #aeff95
}

.widget_slots_list .widget_slots_list-item .button-solid {
    margin: .8rem 0;
    padding: 8px 10px;
    font-weight: 700;
    color: #fff
}

.widget_slots_list .widget_slots_list-item .button-solid:hover {
    color: #fff
}

.widget_slots_list .widget_slots_list-item .slot-theme-t {
    font-size: .75rem;
    color: #6e6e6e
}

.widget_slots_list .widget_slots_list-item .slot-theme {
    color: #bfbfbf
}

.widget_slots_list .widget_slots_list-item .slot-theme:hover {
    color: #aeff95
}

.widget_slots_list .widget_slots_list-item .labels {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center
}

.widget_slots_list .widget_slots_list-item .labels span {
    background: #65560e;
    border-radius: 1px;
    border: 1px solid #ffe770;
    margin: 0 2px;
    display: inline-block;
    padding: 1px 0;
    min-width: 40px
}

.widget_slots_list .widget_slots_list-item .labels .label-new {
    color: #ffe770
}

.widget_slots_list .widget_slots_list-item .labels .label-hot {
    color: #ff7736
}

.widget_slots_list .list_item img {
    max-width: 100%;
    height: auto
}

.theme_list .widget_slots_border {
    padding: 10px
}

.theme_list .widget_slots_border .slot-name {
    font-size: 16px;
    color: #e3e3e3;
    font-weight: 600
}

.theme_list .widget_slots_border:hover {
    border-color: #a0a0a0
}

.theme_list .widget_slots_border:hover .slot-name {
    color: #aeff95
}

@media (min-width:958px) {
    .widget_slots_list .widget_slots_list-item {
        flex: 1 1 20%;
        max-width: 20%
    }
}

@media (max-width:1199px) {
    .widget_slots_list .widget_slots_list-item {
        flex: 1 1 25%;
        max-width: 25%
    }
}

@media (max-width:957px) {
    .widget_slots_list .widget_slots_list-item {
        flex: 1 1 33%;
        max-width: 33%
    }
}

@media (max-width:767px) {
    .widget_slots_list .widget_slots_list-item {
        flex: 1 1 50%;
        max-width: 50%
    }
}

.fader_in_progress .widget_slots_list-item,
.fader_opened .widget_slots_list-item {
    filter: none !important;
    display: flex !important
}

.widget_slots_list-fader {
    height: 620px
}

.widget_videogames {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -5px
}

.widget_videogames .widget_videogames_border {
    position: relative;
    border-radius: 3px;
    border: 1px solid #1b1b1b
}

.widget_videogames .widget_videogames_item {
    position: relative;
    flex: 1 1 25%;
    max-width: 25%;
    text-align: center;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 5px;
    margin: 0 0 10px
}

.widget_videogames .widget_videogames_item img {
    max-width: 100%;
    height: auto
}

.widget_videogames .widget_videogames_item span {
    display: block
}

.widget_videogames .widget_videogames_item .link {
    padding: 5px 0 18px;
    display: block;
    color: #a0a0a0
}

.widget_videogames .widget_videogames_item .link img {
    padding: 1px;
    width: 160px
}

.widget_videogames .widget_videogames_item .vg-name {
    font-size: 1.125rem;
    margin-top: -10px
}

.widget_videogames .widget_videogames_item .count {
    color: #525252;
    font-size: .875rem
}

.widget_videogames .widget_videogames_item .hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #828282;
    background-color: #191919;
    border-radius: 3px;
    padding: 18px 15px 16px
}

.widget_videogames .widget_videogames_item .hover span {
    display: block
}

.widget_videogames .widget_videogames_item .hover .hover-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.widget_videogames .widget_videogames_item .big-name {
    color: #fff;
    margin-bottom: 10px;
    font-size: 1.125rem
}

.widget_videogames .widget_videogames_item .text {
    font-size: .875rem;
    line-height: 1.57;
    color: #737373;
    text-align: left;
    max-height: 6.3em;
    overflow: hidden
}

.widget_videogames .widget_videogames_item .button-solid {
    padding: 8px 10px;
    font-weight: 700;
    position: absolute;
    bottom: 16px;
    left: 15px;
    right: 15px;
    color: #fff;
    z-index: 1
}

.widget_videogames .widget_videogames_item:hover .hover {
    display: block
}

.videogames {
    border-top: 1px solid #2e2e2e
}

.videogames:first-child {
    border-top: none
}

.videogames .videogames-item {
    border-bottom: 1px solid #1b1b1b
}

.videogames .videogames-item:last-child {
    border-bottom: none
}

.videogames .videogame-title {
    font-size: 24px
}

.videogames .text-block-image .image {
    display: block
}

.videogames .text-intro {
    line-height: 1.57
}

.links-buttons .videogames a,
.spans-buttons .videogames span,
.videogames .button,
.videogames .links-buttons a,
.videogames .soc-small_fb,
.videogames .soc_fb,
.videogames .soc_gp,
.videogames .soc_im,
.videogames .soc_tw,
.videogames .soc_yt,
.videogames .spans-buttons span {
    color: #454545
}

.links-buttons .videogames a:hover,
.spans-buttons .videogames span:hover,
.videogames .button:hover,
.videogames .links-buttons a:hover,
.videogames .soc-small_fb:hover,
.videogames .soc_fb:hover,
.videogames .soc_gp:hover,
.videogames .soc_im:hover,
.videogames .soc_tw:hover,
.videogames .soc_yt:hover,
.videogames .spans-buttons span:hover {
    color: #fff
}

.themeblock-list {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    display: flex
}

.themeblock-list li {
    list-style: none;
    display: inline-block;
    flex: 1 0 auto;
    min-width: 90px;
    height: 43px
}

.themeblock-list li a {
    color: #a0a0a0;
    display: block;
    padding: 4px 12px
}

.themeblock-list li a:hover {
    color: #fff;
    border-color: #828282
}

.themeblock-list li img {
    margin-right: 6px;
    max-width: none !important
}

.ismobile .themeblock-list.scrolling {
    overflow: auto
}

.sidebar .widget_slots_list.widget_slots_grid .widget_slots_list-item {
    flex: 1 0 100%;
    max-width: 100%
}

.sidebar .widget_slots_list.widget_slots_grid .widget_slots_list-item:last-child:before,
.sidebar .widget_slots_list.widget_slots_grid .widget_slots_list-item:nth-child(2n+2):after,
.sidebar .widget_slots_list.widget_slots_grid .widget_slots_list-item:nth-last-child(2):before {
    display: none
}

.widget_casino_games.fader {
    height: 250px
}

.widget_casino_games.fader:after {
    height: 30%
}

.main .colored-list,
.main .table_of_contents {
    list-style: none;
    margin: 0;
    padding: 0 0 5px
}

.main .colored-list li,
.main .table_of_contents li {
    padding: 0 5px 0 15px;
    position: relative
}

.main .colored-list li:before,
.main .table_of_contents li:before {
    content: "";
    height: 6px;
    width: 6px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    margin-left: -7px;
    margin-top: .5rem
}

.main .table_of_contents {
    padding-bottom: 0
}

.main .table_of_contents .table_of_contents-item a {
    color: #ddd
}

.bread_and_content {
    display: flex;
    position: relative;
    justify-content: flex-end;
    align-content: center
}

@media (min-width:768px) {
    .main .table_of_contents {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .bread_and_content {
        justify-content: space-between
    }
}

.bread_and_content .table_of_context-block {
    margin-right: 30px;
    position: relative
}

.bread_and_content .table_of_context-block .button,
.bread_and_content .table_of_context-block .links-buttons a,
.bread_and_content .table_of_context-block .soc-small_fb,
.bread_and_content .table_of_context-block .soc_fb,
.bread_and_content .table_of_context-block .soc_gp,
.bread_and_content .table_of_context-block .soc_im,
.bread_and_content .table_of_context-block .soc_tw,
.bread_and_content .table_of_context-block .soc_yt,
.bread_and_content .table_of_context-block .spans-buttons span,
.links-buttons .bread_and_content .table_of_context-block a,
.spans-buttons .bread_and_content .table_of_context-block span {
    position: relative;
    z-index: 2;
    padding-left: 60px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") 5px center/auto 75% no-repeat #000
}

.bread_and_content .table_of_context-block .active.soc-small_fb,
.bread_and_content .table_of_context-block .active.soc_fb,
.bread_and_content .table_of_context-block .active.soc_gp,
.bread_and_content .table_of_context-block .active.soc_im,
.bread_and_content .table_of_context-block .active.soc_tw,
.bread_and_content .table_of_context-block .active.soc_yt,
.bread_and_content .table_of_context-block .button.active,
.bread_and_content .table_of_context-block .links-buttons a.active,
.bread_and_content .table_of_context-block .spans-buttons span.active,
.links-buttons .bread_and_content .table_of_context-block a.active,
.spans-buttons .bread_and_content .table_of_context-block span.active {
    border-bottom-color: transparent
}

.bread_and_content .table_of_context-block .table_of_contents_list {
    list-style: none;
    z-index: 5;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: -1px;
    display: none;
    background: #000;
    white-space: wrap;
    width: 320px;
    border-color: #fff;
    padding: 5px
}

.bread_and_content .table_of_context-block .table_of_contents_list li:before {
    content: "-";
    color: #fff;
    padding-right: 5px
}

@media (max-width:767px) {
    .bread_and_content .table_of_context-block .table_of_contents_list {
        width: 280px
    }

    .paginator-container {
        margin: 0 -10px;
        overflow: auto
    }
}

.pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 5px 0;
    margin-bottom: 0;
    list-style: none
}

.pagination .page-item {
    display: flex;
    text-align: center;
    font-size: 14px;
    padding: 0 5px;
    margin: 5px 0
}

@media (max-width:767px) {
    .pagination {
        padding: 0 10px;
        flex-wrap: nowrap
    }

    .pagination .page-item {
        padding: 0 2px
    }
}

.pagination .page-item:first-child {
    padding-left: 0
}

.pagination .dots,
.pagination .page-link {
    border: 1px solid #2b2b2b;
    border-radius: 3px;
    min-width: 30px;
    padding: 0 4px;
    line-height: 28px;
    font-weight: 700;
    color: #aeff95
}

@media (max-width:767px) {

    .pagination .dots,
    .pagination .page-link {
        padding: 3px 4px;
        min-width: 36px
    }
}

.pagination .page-link:hover {
    border-color: #828282
}

.pagination .page-link.active {
    border-color: #409040;
    background-color: #409040;
    color: #fff
}

.pagination .page-link .icon {
    margin-bottom: 2px
}

.title-block {
    margin-bottom: 17px;
    line-height: 25px
}

.title-block .title-text,
.title-block h2 {
    font-size: 24px;
    color: #ddd;
    margin: 0;
    font-weight: 700
}

.title-block .block-more-link {
    fill: #aeff95;
    font-weight: 600
}

.title-block .block-more-link .icon {
    margin-left: 2px;
    margin-top: -2px;
    vertical-align: middle
}

.title-block .title-with-link {
    border-bottom: 1px solid #1b1b1b;
    width: 100%;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.title-block .title-link {
    padding: 5px 5px 5px 0
}

.title_image {
    display: block;
    margin-left: auto
}

.links-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.links-list .links-list-item {
    padding: 2px 0;
    display: flex;
    box-sizing: border-box;
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 1.3rem
}

@media (min-width:958px) {
    .links-list .links-list-item {
        flex: 0 0 31%;
        max-width: 31%;
        margin-right: 2%
    }

    .links-list .links-list-item:nth-child(3n+1),
    .links-list .links-list-item:nth-child(3n+2) {
        border-right: 1px solid rgba(49, 49, 49, .4)
    }
}

.links-list .links-list-item.not_working {
    filter: grayscale(1);
    opacity: .9
}

.casino-table .casino-var-list-with-icons,
.var-list-with-icons {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0
}

.casino-table .casino-var-list-with-icons li,
.var-list-with-icons li {
    align-content: center;
    display: flex;
    padding: 3px 0
}

.casino-table .casino-var-list-with-icons li.disable,
.var-list-with-icons li.disable {
    opacity: .3
}

.casino-table .casino-var-list-with-icons li:before,
.var-list-with-icons li:before {
    content: "";
    width: 28px;
    height: 28px;
    background: url(../../img/check.png) left center/28px 28px no-repeat;
    display: inline-block;
    padding-right: .5rem;
    box-sizing: content-box
}

.casino-table {
    line-height: 26px;
    color: #a0a0a0
}

.casino-table p {
    margin: 0;
    padding: 1px 0;
    font-size: .9rem
}

.casino-table .row {
    padding: 0
}

.casino-table .casino-table-data-col {
    padding: 10px 20px
}

.casino-table .casino-var-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.casino-table .casino-var-list li {
    padding: 3px 3px 3px 0
}

.casino-table .casino-table-title {
    font-family: Open Sans, Arial, sans-serif;
    color: #fff
}

table.game-i-list-v2 {
    width: 100%;
    border: 0;
    display: table
}

table.game-i-list-v2 tbody {
    display: flex;
    flex-wrap: wrap
}

table.game-i-list-v2 td {
    border: 0
}

.game-i-list-v2 {
    display: flex;
    flex-wrap: wrap
}

@media (max-width:767px) {

    .game-i-list-v2,
    .groundcasinos .greyblocks-item:hover .hover {
        display: block
    }
}

.game-i-list-v2 .game-i-item {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex: 0 0 50%;
    color: #a0a0a0
}

@media (max-width:957px) {
    .themeblock-list li a {
        padding: 8px 12px
    }

    .game-i-list-v2 .game-i-item {
        flex: 1 0 100%
    }
}

.game-i-list-v2 .game-i-first {
    display: flex;
    align-items: flex-end;
    flex: 0 0 47%
}

.game-i-list-v2 .game-i-first:after {
    content: '';
    position: relative;
    bottom: 5px;
    flex: 1 0 auto;
    margin: 0 10px;
    border-bottom: 1px solid #1b1b1b
}

.game-i-list-v2 .game-i-second {
    align-items: flex-end;
    flex: 1 1 auto;
    flex-wrap: wrap;
    color: #ddd;
    font-weight: 600
}

.game-i-list-v2 .star-container {
    width: 100px
}

.game-i-list-v2 .star-rating-default {
    height: 18px
}

.game-i-list-v2 .star-rating-default .current-rating,
.game-i-list-v2 .star-rating-default a {
    height: 100%
}

.game-i-list-v2 .rating-value {
    margin: 0 0 0 10px;
    font-size: 16px;
    color: #a0a0a0
}

.game-i-list-v2 .rating-wrap {
    display: flex
}

.widget_tabs_list .list_item .grid_item {
    display: block;
    text-align: center;
    padding: 5px 15px 15px;
    background-color: #181818;
    border-color: #2b2b2b
}

.widget_tabs_list .list_item .grid_item:hover {
    border-color: #a5a5a5
}

.widget_tabs_list .list_item .grid_item:hover .name {
    color: #aeff95
}

.widget_tabs_list .list_item .list_item-image {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px 0
}

.widget_tabs_list .list_item .name {
    color: #ddd;
    font-size: 16px;
    display: block
}

.widget_tabs_list .list_item .name:hover {
    color: #aeff95
}

.widget_tabs_list .list_item .count {
    font-size: 14px;
    color: #6e6e6e;
    display: block
}

.widget_tabs_list .list_item img {
    max-width: 100%;
    width: 180px
}

.news-list-item {
    padding-bottom: 10px
}

.news-list-item:last-child:before {
    display: none
}

.date-big {
    display: flex;
    flex-direction: row;
    line-height: 1em;
    text-align: left
}

.date-big .date-big-day {
    display: flex
}

.date-big .date-big-right {
    display: flex;
    flex-direction: column
}

.country_list .country_list_item {
    position: relative;
    text-align: center;
    border-color: #2b2b2b
}

.country_list .country_list_item .link {
    font-size: 16px;
    color: #ddd;
    display: block;
    padding: 0 0 15px
}

.country_list .country_list_item img {
    max-width: 200px
}

.country_list .country_list_item .name {
    display: block
}

.country_list .country_list_item .big-name {
    color: #fff;
    margin-bottom: 10px;
    font-size: 18px;
    text-align: center
}

.country_list .country_list_item .text {
    font-size: 14px;
    color: #a0a0a0;
    line-height: 1.57;
    max-height: 6.3em;
    overflow: hidden
}

.country_list .country_list_item:hover img {
    opacity: 1
}

.country_list .country_list_item:hover .hover {
    display: block
}

.country_list .country_list_item .hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #191919;
    border-color: #828282;
    padding: 18px 15px 16px;
    text-align: left
}

.country_list .country_list_item .hover-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.country_list .country_list_item .button-solid {
    position: absolute;
    bottom: 16px;
    left: 15px;
    right: 15px;
    color: #fff;
    z-index: 1
}

.with_check:after {
    content: "";
    width: 28px;
    height: 28px;
    background: url(../../img/check.png) left center/28px 28px no-repeat;
    display: inline-block;
    padding-left: .5rem;
    box-sizing: content-box;
    margin-bottom: -9px
}

.content_table div {
    box-sizing: border-box
}

.arrow_to_right {
    padding-right: 40px
}

.arrow_to_right:after {
    background: url(../../img/arrow.svg) right center/40px 75px no-repeat;
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 100%;
    top: 0;
    right: 10px;
    margin-right: 0;
    margin-top: -5px;
    transition: margin .2s linear
}

.arrow_to_right:hover:after {
    margin-right: -10px
}

@media (min-width:768px) {
    .screenshots_gallery {
        flex-wrap: nowrap;
        overflow: hidden
    }
}

.screenshots_gallery a {
    position: relative
}

.screenshots_gallery .img,
.screenshots_gallery a {
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.screenshots_gallery .button-video {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-weight: 700;
    background: #00a8ca;
    border-radius: 3px;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    padding: 5px 20px 7px;
    white-space: nowrap;
    min-width: 130px
}

.screenshots_gallery .button-video:hover {
    background: #14caed
}

.screenshots_gallery .button-video .icon {
    margin: -2px 6px 0 0;
    width: 16px;
    height: auto
}

.informer-block {
    border-top: 1px solid #2e2e2e;
    border-bottom: 1px solid #2e2e2e;
    padding: 15px 0
}

.informer-block .informer-block-item {
    flex: 0 0 0;
    flex-wrap: nowrap;
    margin-right: 30px;
    align-items: center
}

.informer-block .informer-number {
    font-size: 30px;
    line-height: 1;
    color: #ffb75e;
    padding: 0 6px 0 0
}

.informer-block .informer-text {
    font-size: 12px;
    line-height: 1.33;
    padding-left: 0
}

.groundcasinos .greyblocks-item {
    min-height: 250px
}

.groundcasinos .place {
    color: #6e6e6e;
    font-size: 14px;
    line-height: 1.29
}

.groundcasinos .big-name {
    line-height: 1.25
}

.scrol-wrap {
    flex-wrap: nowrap
}

.scrol-wrap .scrolling {
    overflow: hidden
}

.scrol-wrap .scrol-contr {
    flex: 0 1 auto
}

.scrol-wrap .scrol-contr span {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    margin-left: 5px;
    border: 1px solid #2b2b2b;
    border-radius: 3px;
    cursor: pointer
}

.scrol-wrap .scrol-contr span:hover {
    border-collapse: #828282;
    color: #828282
}

.scrol-wrap .scrol-contr span svg {
    height: 30px
}

.casino-review .show_next {
    display: inline-block;
    color: #a0a0a0;
    margin-top: 15px;
    border-bottom: 1px dotted rgba(160, 160, 160, .5)
}

.casino-bonuses-v2 .bonus-block-title {
    display: flex;
    margin-bottom: 20px;
    line-height: 1
}

.casino-bonuses-v2 .bonus-block-title:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 6px;
    background: url(../../img/icons/bonus-coin.png) 0 0/contain no-repeat
}

.casino-bonuses-v2 .bonus-item {
    display: flex;
    padding: 1.3rem 1.8rem;
    border-radius: 3px;
    background-color: #131313;
    border: 1px solid #2b2b2b;
    position: relative
}

@media (max-width:575px) {
    .casino-bonuses-v2 .bonus-item {
        flex-wrap: wrap
    }
}

.casino-bonuses-v2 .bonus-item:hover {
    border-color: #828282
}

.casino-bonuses-v2 .bonus-item .bonus-info {
    flex: 1 1 auto;
    border-right: 1px solid #2b2b2b;
    padding-right: 10px
}

.casino-bonuses-v2 .bonus-item .bonus-name {
    color: #ddd;
    font-size: 18px;
    font-weight: 700
}

.casino-bonuses-v2 .bonus-item .bonus-descr {
    margin-top: 12px;
    font-size: 14px
}

.casino-bonuses-v2 .bonus-item .bonus-descr p:last-child {
    margin-bottom: 0
}

.casino-bonuses-v2 .bonus-item ul {
    margin: 0 0 0 15px;
    padding: 0
}

.casino-bonuses-v2 .bonus-item .button-solid {
    position: relative;
    z-index: 5
}

.casino-bonuses-v2 .bonus-item .bonus-links {
    flex: 0 0 200px;
    text-align: center;
    padding-left: 1.8rem;
    padding-top: 8px
}

@media (max-width:575px) {
    .casino-bonuses-v2 .bonus-item .bonus-info {
        padding-right: 0
    }

    .casino-bonuses-v2 .bonus-item .bonus-links {
        flex: 1 0 100%;
        padding-left: 0
    }
}

.casino-bonuses-v2 .bonus-item .terms {
    display: inline-block;
    font-size: 12px;
    margin-top: 10px;
    position: relative;
    z-index: 5
}

.casino-bonuses-v2 .bonus-item .hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.casino-logo-block .button-solid {
    padding: 13px
}

.casino-info {
    border: 1px solid #2b2b2b;
    border-radius: 3px;
    padding: 22px 27px;
    margin-top: 3px
}

.casino-info a {
    color: #ddd
}

.casino-info a:hover {
    color: #aeff95
}

.casino-info .info-list {
    list-style: none;
    padding: 0
}

.casino-info ul {
    margin-left: 0;
    padding: 0
}

.casino-info li {
    align-content: center;
    display: flex;
    align-items: center;
    padding: 5px 0
}

.casino-info li:before {
    content: "";
    width: 28px;
    height: 28px;
    background: url(../../img/check.png) left center/28px 28px no-repeat;
    display: inline-block;
    padding-right: .5rem;
    box-sizing: content-box
}

.casino-info .caption {
    color: #a0a0a0;
    font-size: 14px;
    margin-bottom: 5px
}

.casino-info .star-container {
    margin-right: 2px
}

.casino-info .rating-value {
    font-size: 18px;
    color: #ddd
}

.casino-info .casino-info-param {
    margin-bottom: 20px;
    color: #ddd
}

.casino-info .casino-info-param:last-of-type {
    margin-bottom: 0
}

.casino-info .languages-list {
    display: flex;
    flex-wrap: wrap
}

.casino-info .languages-list .language {
    display: block;
    flex: 0 0 22px;
    margin: 0 6px 6px 0
}

.casino-options {
    display: flex;
    flex-wrap: wrap
}

.casino-options .options-col {
    border-left: 1px solid #1b1b1b;
    padding: 0 28px;
    margin-top: 5px
}

.casino-options .options-col:first-child {
    border: none;
    padding-left: 0;
    flex-grow: 0
}

@media (max-width:1369px) {
    .casino-options .options-col {
        padding: 0;
        border: none
    }
}

.casino-options .param-row {
    margin-bottom: 13px
}

.casino-options .param-row:last-of-type {
    margin-bottom: 0
}

.casino-options .param-name {
    color: #a0a0a0;
    font-size: 14px
}

.casino-options .param-value {
    color: #ddd;
    font-size: 16px
}

.casino-options .more {
    display: inline-block;
    color: #a0a0a0;
    margin-top: 15px;
    border-bottom: 1px dashed
}

.casino-options .more:hover {
    color: #fff
}

.bonuses-table {
    color: #a0a0a0
}

.bonuses-table .row {
    border-bottom: 1px solid #2b2b2b;
    line-height: 2em;
    align-items: center
}

.bonuses-table .number {
    color: #b2b2b2
}

.bonuses-table .casino-logotype {
    margin-top: -4px
}

.bonuses-table .button,
.bonuses-table .links-buttons a,
.bonuses-table .soc-small_fb,
.bonuses-table .soc_fb,
.bonuses-table .soc_gp,
.bonuses-table .soc_im,
.bonuses-table .soc_tw,
.bonuses-table .soc_yt,
.bonuses-table .spans-buttons span,
.links-buttons .bonuses-table a,
.spans-buttons .bonuses-table span {
    background-color: #5bcd5b
}

.bonuses-table .button:hover,
.bonuses-table .links-buttons a:hover,
.bonuses-table .soc-small_fb:hover,
.bonuses-table .soc_fb:hover,
.bonuses-table .soc_gp:hover,
.bonuses-table .soc_im:hover,
.bonuses-table .soc_tw:hover,
.bonuses-table .soc_yt:hover,
.bonuses-table .spans-buttons span:hover,
.links-buttons .bonuses-table a:hover,
.spans-buttons .bonuses-table span:hover {
    background-color: #d69400
}

.bonus-tc {
    position: relative
}

.bonus-tc .link-tc {
    line-height: 1.5em;
    color: #a9ff8e
}

.bonus-tc .hint {
    display: none;
    text-align: left;
    position: absolute;
    padding: 12px;
    max-width: 300px;
    width: 100%;
    min-width: 200px;
    line-height: 1.5em;
    box-sizing: border-box;
    z-index: 19;
    bottom: 100%;
    bottom: calc(100% + 3px);
    left: 50%;
    transform: translateX(-50%);
    border-radius: 3px;
    background-color: #ababab;
    color: #2b2b2b;
    font-size: 12px;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .2)
}

.bonus-tc .hint:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -7px;
    transform: translateX(-50%) rotate(-135deg);
    background: #ababab;
    border-radius: 4px 0;
    width: 16px;
    height: 16px
}

.bonus-tc .hint ul {
    padding: 0 4px;
    margin-bottom: 4px
}

.bonus-tc .hint ul li {
    margin: 0 0 4px 10px;
    list-style: disc
}

.bonus-tc .hint p {
    margin-bottom: 8px
}

.bonus-tc .hint .link {
    display: block;
    border-radius: 3px;
    background-color: #c8c8c8;
    padding: 6px;
    color: #056505;
    text-align: center
}

.bonus-tc .hint .link:hover {
    background: #e1e1e1
}

.bonus-tc .hint .gt {
    border: 1px solid;
    border-top: none;
    border-left: none;
    display: inline-block;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    margin-left: 5px
}

.bonus-card {
    position: relative
}

.bonus-card .bc-top img {
    width: 160px
}

.bonus-card .bc-middle {
    background-color: #191919;
    padding: 2px 20px 10px
}

.bonus-card .bc-middle .bonus-value-wrap {
    border-bottom: 1px solid #2e2e2e;
    display: flex;
    min-height: 55px;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2
}

.bonus-card .bc-middle .bonus-value {
    position: relative;
    color: #ddd;
    font-size: 22px;
    font-weight: 700;
    display: block
}

.bonus-card .bc-middle .bonus-value:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: -3px 2px 0 0;
    width: 20px;
    height: 20px;
    background: url(../../img/icons/bonus-coin.png) 0 0/contain no-repeat
}

.bonus-card .bc-middle .bonus-spins {
    font-size: 12px
}

.bonus-card .link-tc {
    display: inline-block;
    margin: 6px auto 9px;
    border-bottom: 1px dotted rgba(160, 160, 160, .5);
    font-size: 12px;
    color: #a0a0a0;
    cursor: pointer
}

.bonus-card .link-tc:hover {
    border-bottom-color: transparent
}

.bonus-card .bc-bottom {
    font-size: 12px;
    padding: 5px
}

.bonus-card .bc-bottom a {
    color: #a0a0a0
}

.bonus-card .bonus-code {
    background-color: #191919;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px
}

.bonuses-table-v2 .bt-row {
    display: flex
}

@media (max-width:957px) {
    .bonuses-table-v2 .bt-row {
        flex-wrap: wrap
    }
}

.bonuses-table-v2 .bt-head {
    color: #646464;
    font-size: 14px
}

.bonuses-table-v2 .bt-head .bt-row>div {
    padding: 5px 20px
}

.bonuses-table-v2 .bt-body {
    border: 1px solid #2e2e2e
}

.bonuses-table-v2 .bt-body .bt-row {
    padding: 12px 0;
    border-bottom: 1px solid #2e2e2e
}

.bonuses-table-v2 .bt-body .bt-row:last-of-type {
    border-bottom: none
}

.bonuses-table-v2 .bt-body .bt-row>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-left: 1px solid #1b1b1b;
    padding: 0 13px
}

.bonuses-table-v2 .bt-body .bt-row>div:first-of-type {
    border-left: none
}

.bonuses-table-v2 .bt-body .casino-logo {
    margin: -6px 0
}

.bonuses-table-v2 .bt-body .casino-rating {
    justify-content: center
}

.bonuses-table-v2 .bt-body .casino-rating .rating-value {
    color: #646464;
    font-size: 16px;
    margin: 0 0 0 9px
}

.bonuses-table-v2 .bt-body .casino-bonus {
    position: relative;
    font-size: 14px
}

.bonuses-table-v2 .bt-body .casino-bonus:before {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    width: 29px;
    height: 29px;
    margin: -5px 0;
    background: url(../../img/icons/bonus.png) 0 0/contain no-repeat
}

.bonuses-table-v2 .bt-body .casino-bonus span {
    font-size: 16px;
    font-weight: 700;
    color: #ddd;
    margin-right: 7px
}

.bonuses-table-v2 .bt-body .casino-button {
    font-size: 14px
}

.bonuses-table-v2 .bt-body .casino-button .link-tc {
    display: inline-block;
    margin: 6px auto 9px;
    border-bottom: 1px dotted rgba(160, 160, 160, .5);
    font-size: 12px;
    color: #a0a0a0;
    cursor: pointer
}

.bonuses-table-v2 .bt-body .button-solid {
    padding: 7px 15px
}

.bonuses-table-v2 .bt-body .bonus-tc {
    margin-right: 15px
}

.bonuses-table-v2 .casino-logo {
    flex: 0 0 16%;
    max-width: 16%
}

@media (max-width:957px) {
    .bonuses-table-v2 .casino-logo {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.bonuses-table-v2 .casino-name {
    flex: 0 0 21%;
    max-width: 21%
}

@media (max-width:957px) {
    .bonuses-table-v2 .casino-name {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.bonuses-table-v2 .casino-rating {
    flex: 0 0 185px;
    max-width: 185px
}

.bonuses-table-v2 .casino-bonus {
    flex: 0 0 26%;
    max-width: 26%
}

@media (max-width:1369px) {
    .bonuses-table-v2 .casino-bonus {
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (max-width:1199px) {
    .bonuses-table-v2 .casino-bonus {
        flex: 0 0 30%;
        max-width: 30%
    }
}

@media (max-width:957px) {
    .bonuses-table-v2 .casino-bonus {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.bonuses-table-v2 .casino-button {
    flex: 1 0 auto;
    max-width: none;
    justify-content: flex-end
}

@media (max-width:957px) {
    .bonuses-table-v2 .casino-button {
        justify-content: left
    }
}

.bonuses-table-v2 .star-container {
    width: 110px
}

.bonuses-table-v2 .star-rating-default {
    height: 20px;
    width: 110px
}

.bonuses-table-v2 .star-rating-default .current-rating,
.bonuses-table-v2 .star-rating-default a {
    height: 20px;
    line-height: 20px
}

.soc_fb,
.soc_gp,
.soc_im,
.soc_tw,
.soc_yt {
    background-image: url(../../img/socials/fb.png);
    background-size: 21px;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 15px 25px;
    border-color: #041975
}

.soc_tw {
    background-image: url(../../img/socials/tw.png);
    border-color: #06475f
}

.soc_gp {
    background-image: url(../../img/socials/gp.png);
    border-color: #5a0704
}

.soc_yt {
    background-image: url(../../img/socials/yt.png);
    border-color: #5a0704
}

.soc_im {
    background-image: url(../../img/socials/im.png);
    border-color: #3d0558
}

.soc_fb_count,
.soc_gp_count,
.soc_im_count,
.soc_tw_count {
    font-size: 1.2rem;
    margin-left: 10px;
    color: #818dff
}

.soc_tw_count {
    color: #81f5ff
}

.soc_gp_count {
    color: #ff819f
}

.soc_im_count {
    color: #d481ff
}

.socials-with-column {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    margin-bottom: 10px
}

.soc-small_fb {
    background-image: url(../../img/socials/fb.png);
    background-size: 21px;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 12px;
    border-color: #1b1b1b
}

.social-repost .social_repost-list_item {
    display: inline-block
}

.social-repost .social_repost-list_item .count {
    text-align: center;
    color: #a0a0a0;
    display: block;
    line-height: 100%
}

.filters-normal {
    font-size: 14px;
    line-height: 1.5
}

.filters-normal .filter_block {
    border-color: #2e2e2e;
    color: #a0a0a0;
    min-width: 160px;
    width: 100%
}

.filters-normal .filter_block a {
    text-decoration: none !important
}

.filters-normal .filter_block.active {
    position: relative;
    border-color: #828282
}

.filters-normal .filter_block.active .filter_list {
    display: block
}

.filters-normal .filter_button {
    color: inherit;
    padding: 6px 13px;
    white-space: nowrap;
    filter: none !important;
    flex: 1;
    display: flex;
    align-items: center;
    align-content: space-between;
    border: 1px solid #2e2e2e;
    border-color: inherit;
    border-radius: 3px
}

.filters-normal .filter_button:hover {
    color: inherit
}

.filters-normal .filter_button span {
    flex: 1 0 auto
}

.filters-normal .filter_button .icon {
    width: 8px;
    vertical-align: middle;
    margin-left: 5px
}

.filters-normal .filter_list {
    list-style: none;
    padding: 7px 0 5px;
    outline: 0;
    display: none;
    margin: -2px 0 0;
    position: absolute;
    width: 100%;
    z-index: 4;
    left: 0;
    background: #000;
    border: 1px solid #2e2e2e;
    border-color: inherit;
    border-radius: 0 0 3px 3px;
    border-top: none
}

.filters-normal .filter_list a {
    border: none !important;
    color: inherit;
    display: block;
    padding: 6px 13px
}

.filters-normal .filter_list a:hover {
    color: #fff
}

.star-container {
    display: flex;
    align-items: center
}

.star-container ul {
    margin: 0 auto
}

.rating_vote:hover .current-rating {
    display: none !important
}

.star-box {
    display: inline-block;
    position: relative
}

.star-box .star-title {
    display: inline-block
}

.star-box .star-container {
    display: inline-block;
    vertical-align: middle;
    margin-left: 11px;
    margin-bottom: 5px
}

.star-rating-default,
.star-rating-default .current-rating,
.star-rating-default a:active,
.star-rating-default a:focus,
.star-rating-default a:hover {
    background: url(../../img/star-red.png) left top/auto 300% repeat-x
}

.rating-sidebar .star-container-sidebar .star-rating-green-sidebar,
.rating-sidebar .star-container-sidebar .star-rating-green-sidebar .current-rating,
.rating-sidebar .star-container-sidebar .star-rating-green-sidebar .current-rating-sidebar,
.star-rating-green,
.star-rating-green .current-rating {
    background: url(../../img/star-green.png) left top/auto 300% repeat-x
}

.star-magen .star-rating-default,
.star-magen .star-rating-default .current-rating,
.star-magen .star-rating-default a:active,
.star-magen .star-rating-default a:focus,
.star-magen .star-rating-default a:hover {
    background: url(../../img/star-magen.png) left top/auto 300% repeat-x
}

.star-rating-default a:active,
.star-rating-default a:focus,
.star-rating-default a:hover {
    background-position: left bottom !important
}

.star-rating-default {
    position: relative;
    height: 23px;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0 !important;
    background-position: left top !important
}

.star-rating-default li:before {
    display: none !important;
    background: 0 0 !important
}

.star-rating-default li.star {
    padding: 0 !important;
    margin: 0 !important;
    background: 0 0 !important;
    display: inline !important;
    list-style: none
}

.star-rating-default li.star span {
    display: none
}

.star-rating-default .current-rating,
.star-rating-default a {
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -1000em !important;
    height: 23px;
    line-height: 23px;
    outline: 0;
    overflow: hidden;
    border: none;
    text-align: left
}

.star-rating-default .current-rating {
    z-index: 1;
    background-position: left bottom !important
}

.rating {
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap
}

.rating .rating-text {
    color: #5d5d5d;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px
}

.rating-value {
    color: #ddd;
    font-size: 16px;
    margin-left: 5px
}

.star-simple {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-bottom: 3px;
    background: url(../../img/star-green.png) 0 50%/auto 300% repeat-x
}

.rating-sidebar {
    display: block;
    position: relative;
    white-space: nowrap
}

.rating-sidebar .star-container-sidebar {
    position: relative;
    padding-top: 15%;
    width: 81.6%;
    display: block
}

.rating-sidebar .star-container-sidebar .star-rating-green-sidebar,
.rating-sidebar .star-container-sidebar .star-rating-green-sidebar .current-rating-sidebar {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    overflow: hidden
}

.rating-sidebar .star-container-sidebar .star-rating-green-sidebar .current-rating-sidebar {
    text-indent: -1000em !important;
    z-index: 1;
    background-position: left bottom !important
}

.rating-sidebar .rating-value {
    right: 0;
    font-size: 14px;
    margin-top: 3px;
    margin-right: 0
}

.notifyjs-notify-base {
    color: #ffef87;
    padding: 10px 20px 10px 10px;
    background: #000;
    max-width: 450px
}

.sitemap {
    padding: 5px 0
}

.sitemap ul {
    list-style: none;
    padding: 3px 0
}

.sitemap ul ul {
    padding: 5px 10px
}

.sitemap ul li {
    margin-bottom: 5px
}

.sitemap ul li:before {
    display: none !important
}

.sitemap ul li a {
    color: #ddd
}

.sitemap ul li a,
.sitemap ul li span {
    text-transform: uppercase;
    display: block
}

.sitemap ul li span {
    color: #bbb
}

.sitemap ul li a:hover {
    color: #aeff95
}

.sitemap ul li img {
    margin-right: 6px;
    vertical-align: middle
}

.sitemap>ul>li>a,
.sitemap>ul>li>span {
    font-size: 1.4rem
}

.sitemap>ul>li>ul>li a,
.sitemap>ul>li>ul>li span {
    font-size: 1.2rem
}

.sitemap .sitemap-last-level>li {
    width: 50%;
    float: left;
    padding: 0 15px 0 0
}

@media (min-width:1200px) {
    .sitemap .sitemap-last-level>li {
        width: 33.333% !important
    }
}

.sitemap .sitemap-last-level a,
.sitemap .sitemap-last-level span {
    text-transform: none;
    color: #a0a0a0;
    font-size: 1rem
}

@media (max-width:1199px) {
    .sitemap ul li span {
        display: none
    }

    .sitemap ul li a {
        padding: 2px
    }

    .sitemap>ul>li>ul>li a,
    .sitemap>ul>li>ul>li span {
        text-transform: none;
        font-weight: 400
    }

    .sitemap>ul>li>ul>li a ul,
    .sitemap>ul>li>ul>li span ul {
        display: none
    }

    .sitemap .sitemap-last-level a,
    .sitemap .sitemap-last-level span {
        font-size: 1rem
    }

    .sitemap .sitemap-last-level {
        display: none
    }
}

.sitemap .button_collapse {
    list-style: none;
    cursor: pointer
}

.sitemap .button_collapse:before {
    content: "+";
    position: absolute;
    margin-left: -11px
}

.sitemap .button_collapse.show:before {
    content: "-"
}

.comments-list .comments-list-item {
    display: flex;
    flex-direction: column
}

.comments-list .comments-list-item .comments-list-item-info {
    flex-direction: row;
    align-content: center
}

.comments-list .comments-list-item:last-child {
    padding-bottom: 0
}

@media (min-width:958px) {
    .comments-list .comments-list-item {
        flex-direction: row
    }
}

.comments-block .comments-list .comments-list-item:last-child:before {
    display: none
}

.comments-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.comments-form .comments-textarea {
    width: 100%;
    min-height: 80px;
    flex: 1 0 100%;
    padding: 1em;
    outline: 0;
    margin: 0;
    background: 0 0;
    font: inherit
}

.comments-form .comments-input {
    outline: 0;
    margin: 0 0 -1px;
    position: relative;
    background: 0 0;
    padding: .5rem 1rem
}

.comments-form .comments-input,
.comments-form .comments-textarea {
    font-size: 14px;
    line-height: 1.57;
    color: #a0a0a0;
    background-color: #0c0c0c;
    border: 1px solid #2b2b2b
}

.comments-form .comments-input:focus,
.comments-form .comments-textarea:focus {
    border-color: #666
}

.comments-form .comments-input+.comments-input {
    margin-left: 10px
}

.comments-form .button,
.comments-form .links-buttons a,
.comments-form .soc-small_fb,
.comments-form .soc_fb,
.comments-form .soc_gp,
.comments-form .soc_im,
.comments-form .soc_tw,
.comments-form .soc_yt,
.comments-form .spans-buttons span,
.links-buttons .comments-form a,
.spans-buttons .comments-form span {
    font-weight: 700;
    font-size: 16px;
    padding: 5px 3.2rem;
    border: 1px solid #2b2b2b
}

.comments-form .button:hover,
.comments-form .links-buttons a:hover,
.comments-form .soc-small_fb:hover,
.comments-form .soc_fb:hover,
.comments-form .soc_gp:hover,
.comments-form .soc_im:hover,
.comments-form .soc_tw:hover,
.comments-form .soc_yt:hover,
.comments-form .spans-buttons span:hover,
.links-buttons .comments-form a:hover,
.spans-buttons .comments-form span:hover {
    border-color: #666
}

.comments-list {
    border-top: 1px solid #2e2e2e
}

.comments-list .comments-list-item {
    flex-direction: column;
    margin-bottom: 1rem;
    padding-bottom: 1.2rem
}

.comments-list .comments-list-item p:last-of-type,
.comments-list .comments-list-item:last-of-type {
    margin-bottom: 0
}

.comments-list .comments-list-item .comments-list-item-info {
    display: block;
    margin-bottom: 4px
}

.comments-list .comments-list-item .comment-author {
    color: #d87bdc;
    font-size: 16px
}

.comments-list .comments-list-item .comment-date {
    color: #525252;
    font-size: 13px;
    margin-left: 4px
}

.comments-list .comments-list-item .comments-list-item-content {
    font-size: 14px
}

.comments-list .comments-list-item .comments-list-item {
    border: 1px solid #272727;
    border-radius: 3px;
    background: #0c0c0c;
    padding: .8rem 1.2rem;
    margin-top: 1rem
}

.comments-list .comments-list-item .comments-list-item .comment-author {
    color: #00a8ca
}

.footer {
    background-color: #151515;
    border-top: 1px solid #2b2b2b;
    padding: 40px 0 30px;
    margin-top: 70px
}

@media (max-width:1199px) {
    .footer {
        padding: 25px 0 15px;
        margin-top: 30px
    }
}

.footer .footer-logo {
    display: block
}

.footer .footer-logo img {
    height: auto
}

.footer .footer-menu {
    font-size: 18px
}

.footer .footer-menu ul {
    margin: 0;
    padding: 0
}

.footer .footer-menu li {
    list-style: none;
    margin-right: 27px;
    margin-bottom: 5px;
    display: inline-block
}

.footer .footer-menu a {
    color: #ddd;
    font-weight: 700;
    display: inline-block
}

.footer .footer-menu a:hover {
    color: #aeff95
}

@media (max-width:767px) {
    .footer {
        font-size: 14px;
        text-align: center
    }

    .footer .footer-menu li {
        margin: 0 4px 4px
    }

    .footer .footer-menu {
        font-size: 14px;
        text-align: center;
        padding-bottom: 10px;
        border-bottom: 1px solid #2a2a2a;
        flex: 1 0 100%
    }
}

.footer .footer-icons {
    justify-content: flex-end
}

@media (max-width:767px) {
    .footer .footer-icons {
        justify-content: center;
        border-bottom: 1px solid #2a2a2a;
        padding: 10px 0
    }

    .footer .footer-icons a {
        margin: 2px 5px
    }
}

.footer .down-menu ul {
    margin: 0;
    padding: 0
}

.footer .down-menu li {
    list-style: none;
    margin-right: 21px;
    margin-bottom: 5px;
    display: inline-block
}

.footer .down-menu a {
    color: #a0a0a0
}

.footer .down-menu a:hover {
    color: #aeff95
}

.footer .copyright {
    font-size: 12px;
    color: #838383
}

.svg-icon-fill-border {
    fill: #2e2e2e
}

a:hover .svg-icon-fill-border {
    fill: #828282
}

.svg-icon-fill-inside {
    fill: #a0a0a0
}

a:hover .svg-icon-fill-inside {
    fill: #fff
}

.nav-search {
    flex: 0 40px;
    position: relative;
    z-index: 3
}

.nav-search .icon-search {
    fill: #ddd
}

.nav-search .search-button {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #191919;
    border-color: #2b2b2b;
    padding: 7px
}

.nav-search .search-button:hover {
    border-color: #828282
}

.nav-search .search-button:hover .icon-search {
    fill: #fff
}

.nav-search .search-body {
    position: absolute;
    top: 0;
    right: 0;
    width: 500px
}

@media (max-width:957px) {
    .nav-search .search-button {
        background: #000;
        border: none;
        padding: 8px
    }

    .nav-search .search-body {
        position: fixed;
        width: 100%
    }
}

.nav-search .input {
    border: 0;
    padding: 10px 40px 10px 15px;
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    line-height: 20px;
    border-radius: 3px;
    color: #000;
    font-size: inherit
}

.nav-search .reset {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center
}

.nav-search .reset .icon {
    padding: 8px;
    box-sizing: initial;
    fill: #e81b1c
}

@media (max-width:957px) {
    .nav-search .input {
        border-radius: 0;
        line-height: 25px;
        font-size: 18px
    }

    .nav-search .reset .icon {
        width: 30px;
        height: 30px
    }
}

.nav-search .withresult .input {
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #dcdcdc
}

.nav-search .withresult .result {
    display: block
}

.nav-search .result {
    line-height: 24px;
    font-size: 14px;
    background: #fff;
    border-radius: 0 0 3px 3px;
    overflow: auto;
    max-height: 250px;
    display: none
}

.nav-search .result .item {
    padding: 6px 17px;
    margin-bottom: 1px;
    color: #272727;
    display: block;
    display: flex;
    position: relative
}

.nav-search .result .item:hover {
    background-color: #e9e9e9
}

.nav-search .result .item:hover .name:after {
    background: -moz-linear-gradient(left, rgba(233, 233, 233, 0) 0, #e9e9e9 100%);
    background: -webkit-linear-gradient(left, rgba(233, 233, 233, 0) 0, #e9e9e9 100%);
    background: linear-gradient(to right, rgba(233, 233, 233, 0) 0, #e9e9e9 100%)
}

.nav-search .result .item:hover.noresult {
    background-color: inherit
}

.nav-search .result .item:after {
    content: "";
    display: block;
    height: 1px;
    margin: 0 17px;
    background: #e9e9e9;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px
}

.nav-search .result .item:last-child:after {
    display: none
}

.nav-search .result .item .name {
    flex: 1 1 auto;
    margin-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    position: relative
}

.nav-search .result .item .name:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 25px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%)
}

.nav-search .result .item .name b {
    color: #53ad53;
    text-decoration: none
}

.nav-search .result .item .category {
    flex: 1 1 20%;
    text-align: right;
    white-space: nowrap;
    color: #acabab
}

#darkcover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 2
}

@keyframes an-rotate {
    from {
        transform: rotate(0);
        -webkit-transform: rotate(0)
    }

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

.button-play {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 25px;
    background: #00a8ca;
    border-radius: 3px;
    padding: 12px 17px 12px 20px;
    border: none
}

.button-play .icon {
    width: 19px;
    height: 19px;
    margin-right: 7px;
    margin-bottom: 2px
}

.button-play:hover {
    background-color: #14caed
}

.button-play-video {
    background: #fff;
    color: #000;
    width: 100%;
    justify-content: center;
    align-items: center
}

.button-real-play {
    background: #409040;
    border-radius: 3px;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
    padding: 10px
}

.button-real-play:focus,
.button-real-play:hover {
    background: #5abb5a;
    color: #fff
}

.button-real-play:before {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    margin-right: 5px;
    background: url(../../img/icons/play-button-svgrepo-com.svg) 0 0/contain no-repeat
}

.button-real-play:after {
    content: '';
    display: inline-block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin: -5px 0 -4px 7px;
    background: url(../../img/icons/money.svg) 0 0/contain repeat-y;
    animation: 10s infinite playRealAn
}

.sticky .button-real-play:before {
    width: 16px;
    height: 16px;
    margin-right: 2px
}

.sticky .button-real-play:after {
    display: none
}

@keyframes playRealAn {
    from {
        filter: blur(0)
    }

    5% {
        filter: blur(3);
        background-position-y: 170px
    }

    15% {
        background-position-y: -170px
    }

    25% {
        background-position-y: 170px;
        filter: blur(3)
    }

    30% {
        background-position-y: 0;
        filter: blur(0)
    }

    to {
        background-position-y: 0
    }
}

.slbContent .button-real-play {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -60px
}

.iframe_background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fullscreen-panel {
    display: none;
    border-bottom: 1px solid #2e2e2e;
    line-height: 49px
}

.iframe {
    position: relative;
    min-height: 250px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1
}

.iframe.mobile .iframe_background {
    display: none
}

.iframe .game-preview {
    max-height: 100%;
    width: 100%;
    height: auto
}

.iframe .btn_startgame {
    position: absolute;
    width: 100%;
    bottom: -1px;
    z-index: 8;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    box-shadow: 0 0 25px 10px #000 inset;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.iframe .btn_startgame.game_loading {
    cursor: default;
    background: url("../../img/loading.png") center center no-repeat rgba(0, 0, 0, .6);
    background-size: 133px 133px;
    text-indent: -9999px
}

.iframe .btn_startgame.game_loading:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 133px;
    height: 133px;
    margin: -66px 0 0 -66px;
    background: url("../../img/loading-c.png") center center/133px 133px no-repeat;
    opacity: .6;
    animation: 1s linear infinite an-rotate;
    -webkit-animation: 1s linear infinite an-rotate
}

.iframe .btn_startgame.game_loading .button-play {
    display: none
}

.iframe .directlink {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.iframe iframe {
    border: none;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
    position: relative;
    z-index: 99999
}

.iframe .iframe_abs,
.iframe .iframe_casinos,
.iframe .iframe_error,
.iframe .iframe_loader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

.iframe .iframe_error {
    background-color: rgba(0, 0, 0, .85)
}

.iframe .iframe_error .widget_slots_border {
    background-color: #000
}

.iframe .iframe_casinos {
    background-color: rgba(0, 0, 0, .9)
}

.iframe .iframe_casinos .list_item {
    min-width: 250px
}

.iframe .iframe_casinos .list_item img {
    background: #000
}

@media (max-width:957px) {
    .button-real-play {
        padding: 5px;
        font-size: 15px
    }

    .iframe .iframe_error .container {
        padding: 0
    }

    .iframe .iframe_error .h2 {
        font-size: 17px
    }

    .iframe .iframe_casinos .list_item {
        min-width: 200px
    }
}

@media (max-width:575px) {
    .iframe .iframe_casinos .list_item {
        min-width: 150px
    }
}

.iframe .iframe_loader {
    z-index: 6;
    background-color: #000
}

.iframe .iframe_loader .loader_img {
    width: 293px;
    height: 45px;
    background: url(../../img/loader/neon_loader.png) left center/2930px 45px no-repeat;
    margin: 0 auto
}

.iframe .iframe_loader .loader_text {
    text-transform: uppercase
}

.frame-choice {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: rgba(0, 0, 0, .3);
    box-shadow: 0 0 25px 10px #000 inset
}

.frame-choice-b {
    max-width: 420px
}

@media (max-width:767px) {
    .footer .down-menu li {
        margin: 0 4px 4px
    }

    .frame-choice-b {
        max-width: 320px;
        background: #000;
        padding: 10px
    }
}

.frame-choice-cas {
    background: #000;
    padding: 13px 15px 15px;
    border-radius: 3px
}

@media (max-width:767px) {
    .frame-choice-cas {
        padding-left: 0;
        padding-right: 0
    }
}

.frame-casino {
    font-size: 18px;
    line-height: 24px
}

.frame-casino-link {
    display: flex;
    align-items: stretch
}

.frame-casino-logo {
    border: 1px solid #2b2b2b;
    border-right: none;
    border-radius: 3px 0 0 3px;
    background-color: #191919;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 132px;
    padding: 5px 0
}

.frame-casino-text {
    padding: 15px 8px 15px 15px;
    border-radius: 0 3px 3px 0;
    background-color: #409040;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex: 1 0 0
}

@media (max-width:767px) {
    .frame-casino-text {
        border-radius: 3px
    }
}

.frame-devplay {
    border-radius: 3px;
    border: 1px solid #494949;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.frame-promo {
    overflow: hidden
}

.frame-promo a {
    display: block;
    padding: 0 10px;
    background: #000;
    white-space: nowrap
}

.fullscreen .game-buttons {
    display: none
}

.fullscreen .fullscreen-panel {
    display: flex;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    background: #000
}

.fullscreen .button-fullscreen-close {
    vertical-align: middle
}

.fullscreen .iframe {
    width: 100%;
    height: 100%;
    text-align: center;
    box-sizing: border-box
}

.fullscreen .iframe.launched .iframe_background {
    background: #000
}

.fullscreen .iframe.mobile .iframe_background {
    display: block;
    display: flex
}

.fullscreen .iframe_background {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50px;
    z-index: 5
}

.fullscreen .iframe_background img {
    width: auto !important;
    max-width: 100%;
    max-height: 100%
}

.fullscreen .frame-panel-close {
    padding: 0 10px
}

.fullscreen .launched .btn_startgame {
    display: none
}

@media (max-height:500px) and (min-width:600px) {
    .fullscreen .iframe_background {
        top: 0
    }

    .fullscreen .frame-name {
        display: none
    }

    .fullscreen .fullscreen-panel {
        left: 0;
        top: 0;
        display: block;
        border: none;
        line-height: 40px
    }

    .fullscreen .frame-panel-close {
        max-width: none;
        padding: 0 !important;
        position: absolute;
        top: 10px;
        right: 0
    }

    .fullscreen .button-close {
        display: block;
        border: 1px solid #2b2b2b;
        background-color: #000
    }

    .fullscreen .frame-promo {
        position: absolute;
        top: 10px;
        left: 10px;
        width: auto
    }

    .fullscreen .frame-promo a {
        border: 1px solid #2b2b2b;
        border-radius: 3px
    }
}

.mainvideo {
    position: relative
}

.mainvideo .video-resizer {
    width: 100%;
    height: auto;
    display: block
}

.mainvideo .videoframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal_bg {
    top: 53px;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 499
}

.modal {
    display: none;
    z-index: 500;
    width: 100%;
    position: fixed;
    overflow: auto;
    padding-bottom: 10px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .9)
}

.modal .modal_block {
    width: 100%;
    max-width: 1340px;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 100%;
    margin: 0 auto
}

.modal .modal_block p {
    color: #fff
}

@media (min-width:958px) {
    .modal .modal_block {
        width: 80%
    }
}

.modal_block {
    display: none
}

.modal_block.active {
    display: block
}

.modal_block .button-close {
    position: absolute;
    right: 10px;
    top: 10px
}

.modal ::-webkit-input-placeholder {
    color: #fdc8a9
}

.modal ::-moz-placeholder {
    color: #fdc8a9
}

.modal :-moz-placeholder {
    color: #fdc8a9
}

.modal :-ms-input-placeholder {
    color: #fdc8a9
}

.cookie_block {
    padding-bottom: 50px
}

.cookie_block .cookie {
    font-size: 12px;
    color: #a0a0a0;
    line-height: 1.67;
    position: fixed;
    bottom: 0;
    background: #2c2c2c;
    z-index: 99;
    left: 0;
    right: 0
}

.cookie_block .cookie a {
    color: #acff90;
    text-decoration: none
}

.cookie_block .cookie a:hover {
    color: #75ba60
}

.cookie_block .cookie .button,
.cookie_block .cookie .links-buttons a,
.cookie_block .cookie .soc-small_fb,
.cookie_block .cookie .soc_fb,
.cookie_block .cookie .soc_gp,
.cookie_block .cookie .soc_im,
.cookie_block .cookie .soc_tw,
.cookie_block .cookie .soc_yt,
.cookie_block .cookie .spans-buttons span,
.links-buttons .cookie_block .cookie a,
.spans-buttons .cookie_block .cookie span {
    border-color: #6e6e6e;
    font-size: 14px;
    line-height: 25px;
    font-weight: 700;
    color: #aeff95;
    background: #2c2c2c
}

@media (max-width:957px) {

    .cookie_block .cookie .button,
    .cookie_block .cookie .links-buttons a,
    .cookie_block .cookie .soc-small_fb,
    .cookie_block .cookie .soc_fb,
    .cookie_block .cookie .soc_gp,
    .cookie_block .cookie .soc_im,
    .cookie_block .cookie .soc_tw,
    .cookie_block .cookie .soc_yt,
    .cookie_block .cookie .spans-buttons span,
    .links-buttons .cookie_block .cookie a,
    .spans-buttons .cookie_block .cookie span {
        min-width: 117px;
        display: block;
        margin: 5px auto 0;
        padding: 7px 15px
    }
}

.cookie_block .cookie .button:hover,
.cookie_block .cookie .links-buttons a:hover,
.cookie_block .cookie .soc-small_fb:hover,
.cookie_block .cookie .soc_fb:hover,
.cookie_block .cookie .soc_gp:hover,
.cookie_block .cookie .soc_im:hover,
.cookie_block .cookie .soc_tw:hover,
.cookie_block .cookie .soc_yt:hover,
.cookie_block .cookie .spans-buttons span:hover,
.links-buttons .cookie_block .cookie a:hover,
.spans-buttons .cookie_block .cookie span:hover {
    border-color: #fff
}

.casinoMap {
    height: 460px;
    filter: invert(1) hue-rotate(240deg)
}

.shareblock {
    font-size: 14px;
    color: #646464;
    align-items: center
}

.shareblock a,
.shareblock div {
    flex: 0 0 auto
}

.shareblock.small-share img {
    width: 24px;
    height: 24px
}

.widget-blogs {
    margin-left: -10px;
    margin-right: -10px
}

.widget-blogs .blogs-item {
    position: relative;
    border-radius: 3px;
    padding: 0 10px
}

.widget-blogs .blogs-item-link {
    display: block;
    min-height: 100%;
    background: #191919;
    border: 1px solid #2b2b2b;
    border-radius: 3px;
    padding: 0 0 14px;
    color: #bfbfbf;
    line-height: 1.5;
    overflow: hidden
}

.widget-blogs .blogs-item-link:hover {
    border-color: #a0a0a0
}

.widget-blogs .blogs-item-link:hover .blogs-item-title {
    color: #aeff95
}

.widget-blogs .blogs-item-link img {
    max-width: 100%;
    margin: 0 0 14px;
    border-bottom: 1px solid #1b1b1b
}

@media (max-width:767px) {
    .casinoMap {
        height: 350px
    }

    .widget-blogs .blogs-item-link {
        padding: 0 0 10px
    }

    .widget-blogs .blogs-item-link img {
        margin-bottom: 10px
    }
}

.widget-blogs .blogs-date {
    font-size: 14px;
    text-align: center;
    position: absolute;
    bottom: 17px;
    left: 0;
    right: 0
}

.widget-blogs .blogs-item-title {
    display: block;
    min-height: 4.1em;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 600
}

@media (max-width:767px) {
    .widget-blogs .blogs-item-title {
        font-size: 14px
    }
}

.widget_blogs_list {
    border-top: 1px solid #1b1b1b;
    padding: 30px 0
}

.widget_blogs_list .widget_blogs_list_item {
    font-size: 14px
}

.widget_blogs_list .widget_blogs_list_item:last-child {
    padding-bottom: 0 !important
}

.widget_blogs_list .widget_blogs_item-image img {
    border-radius: 3px
}

@media (min-width:1370px) {
    .widget_blogs_list .widget_blogs_item-image {
        flex: 1 0 280px;
        max-width: 280px
    }
}

.widget_blogs_list .blog-title {
    display: block;
    color: #ddd;
    font-size: 24px;
    line-height: 1.27em;
    margin-bottom: 8px;
    font-weight: 700
}

.widget_blogs_list .blog-title:hover {
    color: #fff
}

.widget_blogs_list .blogs-date {
    color: #6e6e6e;
    margin-bottom: 6px
}

.widget_blogs_list .widget_blogs_item-body {
    padding-left: 24px
}

.widget_blogs_list .blogs-text {
    color: #a0a0a0;
    line-height: 1.5em;
    font-size: 16px
}

.widget-blog-category .widget-content {
    background-color: #101010
}

.widget-blog-category .widget-blog-cat-list {
    padding: 0;
    margin: 0
}

.widget-blog-category .widget-games-item {
    list-style: none;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #1b1b1b
}

.widget-blog-category .widget-games-item:last-child {
    border-bottom: none
}

.widget-blog-category .widget-games-item a {
    display: block;
    padding: 10px 18px;
    color: #a0a0a0
}

.widget-blog-category .widget-games-item a:hover {
    color: #fff;
    background-color: #1c1c1c
}

.widget-blog-category .widget-games-item a .image {
    margin-right: 10px;
    vertical-align: middle;
    margin-bottom: 2px
}

.widget-blog-category .widget-games-item.active a {
    color: #fff
}

.faq-page {
    border-color: #2b2b2b
}

.faq-page .faq-title {
    font-size: 24px;
    color: #ddd
}

.faq-page .question {
    color: #a9bbca;
    font-size: 19px;
    font-weight: 600;
    border-radius: 3px;
    border: 1px solid #183043;
    background-color: #091b28;
    padding: 15px 20px;
    margin-right: 8%;
    display: inline-block
}

@media (max-width:957px) {
    .faq-page .question {
        padding: 10px 15px
    }
}

.faq-page .answer {
    border-radius: 3px;
    border: 1px solid #1b1b56;
    background-color: #0a0a28;
    padding: 15px 20px;
    margin-left: 8.7%;
    color: #8686a9
}

.faq-page .answer p:last-child {
    margin-bottom: 0
}

@media (max-width:957px) {
    .faq-page .answer {
        padding: 10px 15px
    }
}

.faq-page .open-content-part {
    border: none;
    color: #a0a0a0;
    bottom: -5px;
    background: 0 0
}

.faq-page .open-content-part:hover {
    color: #fff
}

.faq-page .fader-text:after {
    background: #0a0a28;
    height: 0;
    box-shadow: 0 0 40px 30px #0a0a28
}

.faq-page ol,
.faq-page ul {
    padding-left: 1em
}

.langChanger {
    display: inline-block;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    line-height: 24px;
    font-size: 14px;
    min-width: 40px;
    text-align: center
}

.langChanger .dropdownlist {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #2b2b2b;
    border-radius: 3px;
    background: #191919
}

.langChanger.drop .dropdownlist,
.langChanger:hover .dropdownlist {
    display: block;
    margin-top: -1px
}

.langChanger .item {
    display: block;
    width: 100%;
    padding: 7px;
    white-space: nowrap;
    border-bottom: 1px solid #2b2b2b;
    color: #aaa
}

.langChanger .item:hover {
    color: #aeff95
}

.langChanger .item:last-child {
    border: none
}

.langChanger .item img {
    max-width: none;
    margin-right: 5px
}

.langChanger .current {
    border: 1px solid #2b2b2b;
    border-radius: 3px;
    font-weight: 600;
    color: #ddd
}

.form {
    color: #bfbfbf;
    max-width: 500px;
    margin: 0 auto
}

.form .input {
    flex: 1 0 auto;
    border: 0;
    padding: 10px 15px;
    background: #fff;
    box-sizing: border-box;
    line-height: 20px;
    border-radius: 3px;
    color: #000;
    font-size: inherit
}

.form .submit {
    width: 100%
}

@keyframes shakeIt {

    30%,
    from,
    to {
        left: 0
    }

    10% {
        left: -20px
    }

    20% {
        left: 20px
    }
}

.mobile-vgames {
    background-color: #191919
}

.mobile-vgames .row {
    margin: 0 auto;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.mobile-vgames li {
    list-style: none;
    display: inline-block;
    flex: 1 0 auto;
    min-width: 70px
}

.mobile-vgames li a {
    color: #a0a0a0;
    font-weight: 600;
    display: block;
    padding: 9px 0;
    margin: 0 5px;
    height: 40px
}

.mobile-vgames li a:hover {
    color: #fff;
    box-shadow: 0 -2px 0 #fff inset
}

.mobile-vgames li:first-child.active a {
    box-shadow: 0 -5px 0 -2px #fffd28 inset
}

.mobile-vgames li:nth-child(2).active a {
    box-shadow: 0 -5px 0 -2px #b5f67a inset
}

.mobile-vgames li:nth-child(3).active a {
    box-shadow: 0 -5px 0 -2px #fea1a1 inset
}

.mobile-vgames li:nth-child(4).active a {
    box-shadow: 0 -5px 0 -2px #ff7fff inset
}

.mobile-vgames li:nth-child(5).active a {
    box-shadow: 0 -5px 0 -2px #ffb9b9 inset
}

.mobile-vgames li:nth-child(6).active a {
    box-shadow: 0 -5px 0 -2px #ffda9b inset
}

.mobile-vgames li:nth-child(7).active a {
    box-shadow: 0 -5px 0 -2px #fb98ff inset
}

.mobile-vgames li:nth-child(8).active a {
    box-shadow: 0 -5px 0 -2px #d2f6b1 inset
}

.mobile-vgames li img {
    margin-right: 1px;
    max-width: none !important
}

.mobileSwipeIcon {
    display: none;
    position: relative;
    opacity: .7;
    margin-left: auto
}

.mobile-menu {
    display: none;
    font-weight: 600
}

.mobile-menu.open {
    display: block
}

.mobile-menu a {
    color: #bfbfbf
}

.mobile-menu a:hover {
    color: #fff
}

.mobile-menu .icon {
    fill: #ddd;
    transition: transform .2s;
    -webkit-transition: transform .2s
}

.mobile-menu .opened .icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.mobile-menu .sb-list ul {
    padding: 0
}

.mobile-menu .sb-list ul .sb-list-item {
    font-size: 14px
}

.mobile-menu .sb-list ul .sb-list-item a {
    padding-left: 15px
}

.mobile-menu li {
    list-style: none
}

.mobile-menu .sb-list .name {
    padding: 12px 0
}

.mobile-menu .sb-list .head-item {
    border-bottom: 0
}

.mobile-menu .sb-list .collapse-button {
    padding-top: 12px;
    padding-bottom: 12px
}

.mobile-menu .sb-list:first-child .head-item a {
    color: #8ff1ff
}

.mobile-menu .sb-list:nth-child(2) .head-item a {
    color: #ffef87
}

.mobile-menu .sb-list:nth-child(3) .head-item a {
    color: #a9ff8e
}

.mobile-menu .sb-list:nth-child(4) .head-item a {
    color: #fdb25b
}

.mobile-menu .sb-list:nth-child(5) .head-item a {
    color: #d679d9
}

.mobile-menu .sb-list:nth-child(6) .head-item a {
    color: #8194ff
}

.mobile-menu .sb-list:nth-child(7) .head-item a {
    color: #ff6f6f
}

@media (max-width:957px) {
    .sidebar_inner {
        padding-top: 20px;
        display: flex;
        flex-direction: column
    }

    .sidebar_country {
        order: -1
    }

    .sidebar_country .img {
        width: 200px
    }

    .sidebar .navbar-nav {
        flex-wrap: wrap;
        flex-direction: row
    }

    .sidebar .navbar-nav .nav-item {
        flex: 1 0 50%;
        max-width: 50%;
        padding: 0 2px
    }

    .breadcrumbs-block {
        display: none
    }

    .h1,
    h1 {
        font-size: 24px
    }

    .h2,
    h2 {
        font-size: 20px
    }

    h3,
    h4,
    h5,
    h6 {
        font-size: 17px
    }

    .content_wrapper {
        padding-top: 0
    }

    .title-block {
        margin-bottom: 17px;
        line-height: 25px
    }

    .title-block .title-text,
    .title-block h2 {
        font-size: 20px;
        color: #ddd;
        margin: 0;
        font-weight: 700
    }

    .pageNav a {
        padding: 2px;
        display: block
    }

    .videogames {
        border-top: none
    }

    .videogames-item .text-block-with-image {
        padding: 0
    }

    .footer-links-list a {
        padding: 3px;
        display: inline-block
    }
}

@media (max-width:767px) {

    .h1,
    h1 {
        font-size: 21px
    }

    .h2,
    h2 {
        font-size: 19px
    }

    h3,
    h4,
    h5,
    h6 {
        font-size: 17px
    }

    .mobileAdapt .widget_slots_list {
        overflow-x: auto;
        flex-wrap: nowrap;
        margin: 0 -10px;
        padding: 0 15px;
        -webkit-overflow-scrolling: touch
    }

    .mobileAdapt .widget_slots_list .widget_slots_list-item {
        flex: 1 0 50%;
        max-width: 50%
    }

    .mobileAdapt .widget_tabs_list {
        overflow-x: auto;
        flex-wrap: nowrap;
        margin: 0 -10px;
        padding: 0 15px;
        -webkit-overflow-scrolling: touch
    }

    .mobileAdapt .widget_tabs_list .list_item {
        flex: 1 0 50%;
        max-width: 50%
    }

    .mobileAdapt .widget-blogs {
        overflow-x: auto;
        flex-wrap: nowrap;
        margin: 0 -10px;
        padding: 0 15px;
        -webkit-overflow-scrolling: touch
    }

    .mobileAdapt .widget-blogs .blogs-item {
        flex: 1 0 100%;
        max-width: 100%;
        padding: 0 5px
    }

    .mobileAdapt .screenshots_gallery {
        overflow-x: auto;
        flex-wrap: nowrap;
        margin: 0 -10px;
        padding: 0 15px;
        -webkit-overflow-scrolling: touch
    }

    .mobileAdapt .screenshots_gallery>div {
        flex: 1 0 50%;
        max-width: 50%;
        padding: 0 5px
    }

    .mobileAdapt .mobileSwipeIcon {
        display: block;
        animation: 10s ease-in-out 4s infinite shakeIt
    }

    .footer .down-menu a,
    .footer .footer-menu a {
        padding: 6px 5px;
        display: inline-block
    }
}

@media (max-width:575px) {
    .border-2b {
        border: none;
        border-bottom: 1px
    }

    .widget_blogs_list {
        padding: 20px 0
    }

    .widget_blogs_list .widget_blogs_item-body {
        padding: 10px 14px
    }

    .widget_blogs_list .blog-title {
        font-size: 16px;
        margin: 0 0 5px
    }

    .widget_blogs_list .widget_blogs_list_item {
        border-radius: 3px;
        border: 1px solid #2b2b2b;
        background-color: #191919;
        margin-bottom: 15px !important
    }

    .widget_blogs_list .widget_blogs_list_item:last-child {
        margin-bottom: 0 !important
    }
}

#andrdownload {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    border-top: 1px solid #a5c53b;
    background: #000;
    text-align: center;
    max-height: 46px
}

#andrdownload.visible {
    display: block
}

#andrdownload img {
    max-width: 100%
}