[data-name="acceptance-892"] .wpcf7-list-item {
margin: 0 0px 0px 6px;
    position: relative;
    top: 3px;
 }

 [data-name="acceptance-892"] .wpcf7-form-control {
        width: 100%;
    padding: 0;
    margin: 10px 0;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    color: #333;
    background-color: initial;
    transition: border-color 0.3s, box-shadow 0.3s;
    outline: none;
    font-family: Gilroy;
    font-size: 14px;
 }

  [data-name="acceptance-892"] .wpcf7-form-control input {
width: 18px;
    height: 18px;
 }

:root {
    --color-text-primary: #FFFFFF;
    --color-text-second: #c8cad8;
    --color-text-invert: #1F1E25;
    --color-text-invert-40: rgba(31, 30, 37, .40);
    --color-text-cta: #d5306d;
    --color-text-exclusive: #c0e832;
    --bg-body: #1F1E25 ;
    --bg-primary: #2c2c3a;
    --bg-primary-57: rgba(44, 44, 58, .57);
    --bg-primary-90: rgba(44, 44, 58, .90);
    --bg-primary-98: rgba(44, 44, 58, .98);
    --bg-secondary: #161b2b;
    --bg-secondary-65: rgba(22, 27, 43, .65);
    --bg-secondary-85: rgba(22, 27, 43, .85);
    --bg-third: #212332;
    --bg-invert: #C8CAD8;
    --bg-cta: #d5306d;
    --bg-exclusive: #c0e832;
    --bg-white: #FFFFFF;
    --bg-black: #000000;
    --bg-white-02: rgba(255, 255, 255, .02);
    --bg-white-05: rgba(255, 255, 255, .05);
    --bg-white-08: rgba(255, 255, 255, .08);
    --bg-white-30: rgba(255, 255, 255, .3);
    --bg-black-16: rgba(0, 0, 0, 0.16);
    --bg-black-48: rgba(0, 0, 0, 0.16);
    --bg-black-65: rgba(0, 0, 0, 0.16);
    --bg-black-80: rgba(0, 0, 0, 0.16);
    --border-primary: #35384b;
    --border-secondary: #4e344f;
    --border-cta: #d5306d;
    --border-white: #FFFFFF;
    --border-black: #000000;
    --border-white-08: rgba(255, 255, 255, .08);
    --border-white-15: rgba(255, 255, 255, .15);
    --border-white-35: rgba(255, 255, 255, .35);
    --border-white-75: rgba(255, 255, 255, .75);
    --border-black-01: rgba(0, 0, 0, 0.01);
    --border-black-20: rgba(0, 0, 0, 0.20);
    --border-black-33: rgba(0, 0, 0, 0.33);
    --border-black-60: rgba(0, 0, 0, 0.60);
    --gradient-cta-start: #d5306d;
    --gradient-cta-end: #fd546c;
    --gradient-bttn-start: #cc2b5e;
    --gradient-bttn-end: #753a88;
    --color-green: #56ab2f;
    --color-yellow: #ffaa31;
    --color-orange: #e44d26;
    --bg-blue: #22a3e3;
    --color-gray: #686876;
    --color-gray-18: rgba(104, 104, 118, .18);
    --color-red: #d31027;
    --scrollbar-thumb: #2d384d
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

.col-sm-12 .bk__block-sin h1,h2,h3,h4,h5,h6 {
    margin: 15px 0 !important; 
}

h1,h2,h3,h4,h5,h6 {

}

body {
     color: black;
    background: #fff !important;
    background-position: center top;
    background-repeat: repeat-y;
    margin: 0;
    min-height: 320px;
    min-width: 320px;
    overflow-x: hidden
}

a {
    outline: none
}

a:hover {
    text-decoration: none;
	opacity: 0.9;
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.d-flex {
    display: flex
}

.d-inline {
    display: inline-block
}

.mr-20 {
    margin-right: 20px
}

.mt-20 {
    margin-top: 20px
}


.h1,.h2,.h3 {
    font-family: 'Exo 2', sans-serif;
    font-weight: bold
}

.h1 {
    font-size: 30px
}

.h2 {
    font-size: 19px
}

.h3 {
    font-size: 19px
}

.t-duration {
    transition-duration: 200ms
}

.totop {
    position: fixed;
    right: 30px;
    bottom: 15px;
    width: 49px;
    height: 49px;
    background-color: var(--bg-cta);
    border-radius: 50%;
    display: none;
    pointer-events: none;
    cursor: pointer;
    opacity: 0;
    transition-duration: 200ms
}

.totop:hover {
    opacity: 1
}

.totop svg,.totop img {
    position: absolute;
    max-width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-53%, -55%)
}

.totop.active {
    opacity: 0.8;
    pointer-events: unset
}

.breadcrumbs {
    overflow: hidden;
    display: block;
    overflow-x: auto
}

.breadcrumbs ul {
    width: max-content;
    padding: 0px;
    margin: 0px;
    align-items: center
}

.breadcrumbs ul li {
    list-style: none;
    margin-right: 25px;
    position: relative
}

.breadcrumbs ul li a span {
    transition-duration: 200ms
}

.breadcrumbs ul li a:hover span {
    color: var(--color-text-primary)
}

.breadcrumbs ul li:after {
    position: absolute;
    top: 50%;
    right: -21px;
    transform: translateY(-50%);
    content: '';
    width: 13px;
    height: 14px;
    background: url(/tpl/img/icons/crumb.svg) center no-repeat
}

.breadcrumbs ul li svg,.breadcrumbs ul li span,.breadcrumbs ul li img {
    display: inline-block;
    vertical-align: middle
}

.breadcrumbs ul li svg,.breadcrumbs ul li img {
    margin-right: 7px;
    margin-top: -3px
}

.breadcrumbs ul li span {
    color: var(--color-text-second);
    font-weight: 400;
    font-size: 14px
}

.breadcrumbs ul li:last-child {
    margin-right: 0
}

.breadcrumbs ul li:last-child:after {
    display: none
}

.relative {
    position: relative
}

.search-bar {
 
    z-index: 2;
    width: calc(100% - 340px);
}

.search-bar form .input {
    width: 100%;
    margin-right: 20px;
    position: relative
}

.search-bar form .input .close {
     top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    right: 20px;
    content: "";
    background: url(/tpl/img/icons/close_cross.svg) no-repeat center;
    width: 16px;
    height: 16px;
    opacity: 1;
    float: unset;
    font-weight: 400;
    text-shadow: unset;
    line-height: 13px;
    display: inline-block;
    color: var(--color-text-primary);
    text-align: center
}

.search-bar form input {
    width: 100%;
    height: 41px;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    outline: none;
    padding: 10px;
    font-size: 16px;
    color: black;
}

.search-bar form button[type=submit] {
    margin-right: 35px;
    display: flex;
    color: var(--color-text-primary);
    line-height: 1;
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
    padding: 12px 16px;
    background-color: #1c93d2;
    min-width: 125px;
    border: 1px solid #ffffff;
    outline: 0;
    cursor: pointer;
    height: 41px;
    justify-content: center;
    align-items: center;
}

.search-bar.active {
    display: block
}

.header {
    padding: 20px 0;
    position: relative;
    width: 100%;
    top: 0;
    transition-duration: 100ms;
    left: 0;
    z-index: 10;
	background: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%);
}

.header.active {
    position: fixed
}

@media screen and (min-width: 1200px) {
    .header {
        padding:10px 0
    }
}

.header .flex-auto {
    align-items: center
}

.header-btn {
    color: var(--color-text-primary);
    text-transform: uppercase;
    margin-left: 20px;
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    transition-duration: 200ms;
    padding: 8px 15px;
    background: var(--gradient-cta-start);
    background: linear-gradient(90deg, var(--gradient-cta-start) 0%, var(--gradient-cta-start) 25%, var(--gradient-cta-end) 100%)
}

.header-logotype {
 
 
    text-decoration: none !important;
}

.header-logotype span {
    display: flex;
    text-wrap-mode: nowrap;
    font-weight: 600;
    font-size: 12px;
    color: white;
}

.header-menu {
    margin-left: 10px;
    display: flex;
    width: 100%;
    justify-content: right;
}

.header-menu ul {
    padding: 0;
    margin: 0
}

.header-menu ul li {
    list-style: none;
    margin-right: 30px;
    position: relative;
    padding: 7px 0
}

.header-menu ul li:last-child {
    margin-right: 0
}

.header-menu ul li .sub {
    display: none;
    position: absolute;
    padding: 25px 30px;
    margin-top: 5px;
    width: 412px;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-white-08)
}

.header-menu ul li.menu-item-838 a+.sub {
    width: 362px
}

.header-menu ul li.menu-item-838 a+.sub.active {
    width: 712px
}

.header-menu ul li.menu-item-838 a+.sub ul li {
    max-width: 290px
}

.header-menu ul li.menu-item-838 a+.sub ul li ul {
    width: 340px
}

.header-menu ul li.menu-item-838 a+.sub ul li ul li {
    max-width: 295px
}

.header-menu ul li .sub ul li {
    position: unset;
    margin-right: 0;
    max-width: 350px
}

.header-menu ul li .sub ul li ul {
    overflow-y: auto;
    display: none;
    position: absolute;
    right: 30px;
    height: calc(100% - 60px);
    border-left: 1px solid var(--border-primary);
    padding-left: 30px;
    top: 30px;
    width: 270px;
    scrollbar-width: none;
    scrollbar-color: var(--bg-primary) var(--bg-secondary)
}

.header-menu ul li .sub ul li ul li {
    max-width: 285px
}

.header-menu ul li .sub ul li ul li a:after {
    display: none
}

.header-menu ul li .sub ul li ul {
    scrollbar-width: none;
    scrollbar-color: var(--bg-primary) var(--bg-secondary)
}

.header-menu ul li .sub ul li ul::-webkit-scrollbar {
    width: 13px
}

.header-menu ul li .sub ul li.submenu a {
    display: flex;
    align-items: center
}

.header-menu ul li .sub ul li.submenu a:after {
    position: relative;
    background: unset;
    right: unset;
    left: unset;
    float: right;
    top: unset;
    margin-left: auto;
    bottom: unset;
    content: "";
    width: 12px;
    height: 12px;
    border-top: 3px solid var(--border-white);
    border-right: 3px solid var(--border-white);
    transform: rotate(45deg);
    transition-duration: 200ms;
    margin-top: 4px
}

.header-menu ul li .sub ul li.submenu a:hover:after {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff
}

.header-menu ul li .sub ul li.submenu.active a {
    color: #fff
}

.header-menu ul li .sub ul li.submenu.active a:after {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff
}

.header-menu ul li .sub ul li.submenu.active ul {
    display: block
}

.header-menu ul li .sub ul li.submenu.active ul a {
    color: var(--color-text-second);
    font-weight: 400
}

.header-menu ul li .sub ul li.submenu.active ul a:hover {
    color: #fff
}

.header-menu ul li .sub.active {
    width: 712px
}

.header-menu ul li:hover .sub {
    display: block
}

.header-menu ul li a {
    font-size: 15px;
    font-weight: 500;
    color: white;
    transition-duration: 200ms
}

.header-menu ul li a svg {
    height: 10px
}

.header-menu ul li a svg circle {
    fill: var(--bg-invert);
    transition-duration: 200ms
}

.header-menu ul li a:hover {
    color: #fff
}

.header-menu ul li a:hover svg circle {
    fill: #fff
}

.header-menu ul li.active a {
    color: #fff
}

.header-menu ul li.active a:after {
    content: "";
    background: url(/tpl/img/icons/border_bottom.png) no-repeat center top;
    width: 120px;
    height: 10px;
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%)
}

.header-menu .sub ul li a {
    display: flex;
    justify-content: space-between
}

.header-menu ul li .sub ul li.submenu.active ul li a .mobile__menu-content {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.header-burger {
    display: block;
    width: 24px;
    height: 24px;
    transition-duration: .2s
}

.desktop_header {
    transition: .5s
}

.desktop_header.down {
    transform: translateY(-60px);
    transition: .5s
}

.mobile_header {
    padding: 0
}

.mobile_header-head {
    height: 59px;
    position: relative;
    overflow: hidden;
    margin: 0 -10px 10px;
    padding: 0 10px;
    border-bottom: 1px solid var(--border-primary)
}

.mobile_header-search {
    display: block;
    margin-top: 3px
}

.mobile_header-search form input {
    background-color: var(--bg-primary);
    height: 35px;
    padding: 10px;
    color: white;
    font-size: 14px;
    outline: none;
    border: 1px solid var(--border-primary);
    width: 100%
}

.mobile_header-search form button {
    font-size: 14px;
    color: var(--color-text-primary);
    line-height: 1.1;
    display: block;
    padding: 5px;
    border: 1px solid var(--border-primary);
    text-align: center;
    background-color: var(--bg-primary);
    min-width: 70px;
    margin-left: 10px;
    font-weight: 500;
    outline: none;
    cursor: pointer;
}

.mobile_header-title {
    margin-top: 12px;
    display: none;
    position: relative
}

.mobile_header-title .mobile_header-back {
    content: '';
    width: 14px;
    height: 14px;
    background: url("/tpl/img/icons/mobile_arrow.svg") no-repeat center;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%)
}

.mobile_header-title__text {
    display: block;
    text-align: center;
    color: var(--color-text-primary);
    font-size: 16px
}

.mobile_header-top {
    z-index: 3;
    padding: 20px 0;
    position: relative;
}

.mobile_header-menu {
    z-index: 2;
    display: block;
    opacity: 0;
    transition-duration: .3s;
    pointer-events: none;
    transform: translateY(-200%);
    background-color: var(--bg-primary);
    padding: 15px 10px;
    position: fixed;
    inset: 0;
    top: 72px;
    width: 100%;
    overflow: hidden;
    overflow-y: auto
}

.mobile_header-menu ul {
    position: relative;
    height: max-content;
    z-index: 1
}

.mobile_header-menu ul li {
    margin-bottom: 10px;
    background-color: var(--bg-primary)
}

.mobile_header-menu .first__mobile-menu.sub .sub ul li.first__mobile-menu a {
    display: flex
}

.mobile_header-menu .first__mobile-menu.sub .sub ul li.first__mobile-menu a .count_data {
    margin-left: auto
}

.mobile_header-menu ul li a {
    display: flex;
    align-items: center;
    color: var(--color-text-second);
    font-size: 16px
}

.mobile_header-menu ul li a:hover {
    color: #fff
}

.mobile_header-menu ul li a:hover:after {
    transition-duration: 200ms
}

.mobile_header-menu ul li ul {
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: var(--bg-primary);
    z-index: 2
}

.mobile_header-menu ul li ul li ul {
    z-index: 3
}

.mobile_header-menu ul li.sub a {
    position: relative
}

.mobile_header-menu ul li.sub a:after {
    position: absolute;
    right: 10px;
    top: 44%;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 3px solid var(--border-white);
    border-right: 3px solid var(--border-white);
    transform: rotate(45deg) translateY(-50%);
    transition-duration: 200ms
}

.mobile_header-menu ul li.sub li a:after {
    display: none
}

.mobile_header-menu ul li.sub li.sub a:after {
    display: block
}

.mobile_header-menu ul li.sub li.sub li a:after {
    display: none
}

.mobile_header-menu ul li.active ul {
    display: block
}

.mobile_header-menu ul li.active ul li ul {
    display: none
}

.mobile_header-menu ul li.active ul li.active ul {
    display: block
}

.mobile_header-menu ul li.sub a:hover:after {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff
}

.mobile_header-menu.active {
    transform: translateY(0);
    opacity: 1;
    pointer-events: unset
}

.mobile_header-menu.sub .mobile_header-search {
    display: none
}

.mobile_header-menu.sub .mobile_header-title {
    display: block
}

@media screen and (max-width: 430px) {
    .header-logotype {
        margin-right:31%
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size:3.5rem
    }
}

.logo-a {
    text-decoration: none
}

.lang_splash {
    background-color: var(--bg-secondary);
    padding: 10px 0
}

.lang_splash.disabled {
    display: none
}

.lang_splash img {
    max-width: 50px
}

.lang_splash-btn {
    color: var(--color-text-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    transition-duration: 0.2s;
    padding: 8px 15px;
    background: var(--gradient-cta-start);
    background: linear-gradient(90deg, var(--gradient-cta-start) 0, var(--gradient-cta-start) 25%, var(--gradient-cta-end) 100%)
}

@media screen and (max-width: 1200px) {
    .lang_splash {
        padding:10px 15px
    }
}

button,hr,input {
    overflow: visible
}

progress,sub,sup {
    vertical-align: baseline
}

.breadcrumbs ul li a span,.mobile_header-menu ul li a:hover:after,.t-duration,.totop {
    transition-duration: .2s
}

.header-menu ul li .sub ul li.submenu.active a,.header-menu ul li a:hover,.header-menu ul li.active a,.mobile_header-menu ul li a:hover {
    color: #fff
}

.main__prognoses-header ul li:first-child,.main__prognoses-info ul li:first-child,.main__prognoses-list__item-header__image:first-child {
    margin-left: 0
}

.d-block,.search-bar.active,details,main {
    display: block
}

h1 {
    font-size: 2em
}

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

code,kbd,pre,samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    max-width: 100%;
    height: 100%;
}

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

button,select {
    text-transform: none
}

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

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

.header-menu ul li .sub ul li.submenu a:hover:after,.header-menu ul li .sub ul li.submenu.active a:after,.mobile_header-menu ul li.sub a:hover:after {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

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

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

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

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

.breadcrumbs ul li:last-child:after,.d-none,[hidden],template {
    display: none
}

.d-inline,.main__bonuses-brand,.main__bonuses-title,.main__feedback-header img {
    display: inline-block
}

.breadcrumbs ul li:last-child,.header-menu ul li .sub ul li,.header-menu ul li:last-child,.main__prognoses-header ul li:last-child,.main__prognoses-info ul li:last-child,.main__prognoses-list__item:last-child {
    margin-right: 0
}

.search-bar form button[type=submit] {
    margin-right: 35px;
    color: var(--color-text-primary);
    line-height: 1;
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
    padding: 12px 16px;
    background-color: var(--bg-primary);
    min-width: 125px;
    border: 1px solid var(--border-primary);
    outline: 0;
    cursor: pointer
}

.footer ul li,.mobile_header-menu ul li {
    margin-bottom: 10px
}

.bk__full-block__section-rates__item:last-child,.footer ul li:last-child,.hero p,.main__other-list ul li:last-child,.rates__list-item:last-child {
    margin-bottom: 0
}

.header-menu ul li .sub ul li ul li a:after,.mobile_header-menu ul li.active ul li ul,.mobile_header-menu ul li.sub li a:after,.mobile_header-menu ul li.sub li.sub li a:after,.mobile_header-menu.sub .mobile_header-search {
    display: none
}

.main__bonuses-image,.main__prognoses-info ul li,.main__prognoses-info ul li.active,.main__prognoses-list__item-header__image,.main__prognoses-list__item-header__images,.mobile_header-menu ul,.mobile_header-menu ul li.sub a,.reviews__list {
    position: relative
}

.header-menu .is-colored:hover {
    color: var(--color-text-second)
}

.header-menu ul li .sub ul li.submenu.active ul,.hero,.mobile_header-menu ul li.active ul,.mobile_header-menu ul li.active ul li.active ul,.mobile_header-menu ul li.sub li.sub a:after,.mobile_header-menu.sub .mobile_header-title,.mt-14 {
    display: block
}

.header-menu ul li.active a:after,.main__prognoses-info ul li.active:after,.main__prognoses-info ul li:hover:after {
    background: url(/tpl/img/icons/border_bottom.png) center top no-repeat;
    width: 120px
}

.header-menu .is-colored {
    color: #fff
}

.main__prognoses-header ul li,.main__prognoses-info ul li {
    margin-left: 10px;
    margin-right: 10px;
    list-style: none;
    position: relative
}

.header-menu ul li.active a:after {
    content: "";
    height: 10px;
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%)
}

.main__prognoses-header ul li .filter-vibor,.main__prognoses-info ul li a:hover {
    background: linear-gradient(to right, var(--gradient-cta-start) 0, var(--gradient-cta-end) 100%);
    -webkit-text-fill-color: transparent
}

.bk__full-tags ul li a:hover:after,.bk__full-tags ul li.active a:after {
    background: url(/tpl/img/icons/mini-tabs.svg) center top no-repeat;
    width: 57px;
    bottom: -5px;
    position: absolute
}

.bk__full-tags ul li a:hover:after,.bk__full-tags ul li.active a:after,.main__prognoses-info ul li.active:after,.main__prognoses-info ul li:hover:after {
    content: "";
    height: 10px;
    transform: translateX(-50%);
    left: 50%
}

.mobile_header-menu.active {
    transform: translateY(0);
    opacity: 1;
    pointer-events: unset
}

.footer {
	display: block;
    background: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%);
    padding: 30px 0;
    padding-bottom: 0;
    border-top: 1px solid #ffffff;
    margin-bottom: -16px
}

.footer__columns,.main__other-list ul.d-flex {
    flex-wrap: wrap;
    margin: -10px
}

.footer__column {
    width: calc(50% - 20px);
    margin: 10px
}

.main__prognoses-header ul,.main__prognoses-info ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer ul {
    margin-bottom: 30px
}
.main__prognoses-header ul {
    padding-bottom: 0 !important;  
    margin-bottom: 0 !important;
}
.footer ul li {
    list-style: none;
    display: block
}

.baza {
    font-weight: 600;
    margin-left: 7px;
}

.footer ul li a {
    display: block;
    color: var(--color-text-second);
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none
}

.footer ul li a:hover {
    text-decoration: none;
    color: var(--color-text-primary)
}

.footer__text {
    font-size: 12px;
    line-height: 1.3
}

.footer__copy a,.footer__copy p,.main__prognoses-list__item-title {
    line-height: 1.25;
    font-size: 14px
}

.footer__text a,.main__bonuses-link:hover,.main__feedback form label a,.main__feedback form label a:hover {
    color: #fff
}

.footer__text a:hover {
    text-decoration: none;
    color: #fff
}

.footer__copy a,.footer__copy a:hover {
    color: #fff;
    text-decoration: underline
}

.footer__copy {
    margin-top: 30px;
    padding: 30px 0;
    text-align: center;
    background-color: var(--bg-primary)
}

.footer__copy a {
    display: block;
    text-align: center;
    text-decoration: none;
}

.footer__copy p {
    display: block;
    text-align: center;
    color: var(--color-text-primary);
    margin-bottom: 0
}

.main {
    margin-top: 20px
}

.main__other,.main__prognoses,.main__seo {

    margin-bottom: 50px;
    margin-top: 20px
}

.main__seo--bonus {
    margin-bottom: 30px
}

.main__prognoses-header {
    padding: 20px 20px 20px 20px !important;
    overflow-y: hidden;
    overflow-x: auto;
    margin-top: 15px;
    border-radius: 7px;
    background: #36ade0;
}

.main__prognoses-header ul li .filter-vibor {
    text-decoration: none;
    -webkit-background-clip: text;
    cursor: pointer;
}

.main__prognoses-header ul li .filter-vibor img,.main__prognoses-header ul li .filter-vibor span,.main__prognoses-header ul li .filter-vibor svg {
    display: inline-block;
    vertical-align: middle;
    transition-duration: .2s
}

.main__prognoses-header ul li .filter-vibor span {
    font-size: 15px;
    font-weight: 500;
    width: 0;
    overflow: hidden;
    margin-left: 10px
}

.main__prognoses-header ul li .filter-vibor:hover span,.main__prognoses-header ul li.active a span {
    width: auto
}

.main__prognoses-header ul li .filter-vibor:hover svg path,.main__prognoses-header ul li.active a svg path {
    fill: #fff
}

.main__prognoses-info {
    border-bottom: 1px solid var(--border-secondary);
    border-top: 1px solid var(--border-secondary)
}

.main__prognoses-info--noborder {
    border-bottom: 0;
    border-top: 0
}

.main__prognoses-info .site_container {
    overflow: hidden;
    padding: 20px 0;
    overflow-x: auto
}

.main__seo.main__bonuses .main__prognoses-info ul li {
    padding: 6px 12px;
    margin-right: 8px;
    background: var(--bg-primary);
    border: 1px solid var(--bg-primary)
}

.main__seo.main__bonuses .main__prognoses-info ul li.active {
    border-image: linear-gradient(90deg, var(--gradient-cta-start) 32.32%, var(--gradient-cta-end) 98.52%) 1;
    border-width: 1px;
    border-style: solid
}

.main__seo.main__bonuses .main__prognoses-info ul li:hover {
    border: 1px solid #FFFFFF14
}

.main__seo.main__bonuses .main__prognoses-info .site_container {
    scrollbar-color: var(--scrollbar-thumb)
}

.main__prognoses-info ul li a {
    text-decoration: none;
    color: var(--color-text-second);
    transition-duration: .2s
}

.main__prognoses-info ul li a span {
    font-size: 15px;
    font-weight: 500;
    overflow: hidden
}

.main__prognoses-info ul li a:hover {
    -webkit-background-clip: text
}

.main__prognoses-info ul li.active:after,.main__prognoses-info ul li:hover:after {
    position: absolute;
    bottom: -23px
}

.main__prognoses-info ul li.active a {
    background: linear-gradient(to right, var(--gradient-cta-start) 0, var(--gradient-cta-end) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main__prognoses-list,.reviews__head {
    overflow: hidden;
    overflow-x: auto
}

.main__prognoses-list__items {
    display: flex;
    gap: 20px;
    width: max-content;
    padding: 0 10px
}

.main__prognoses-list__item {
    display: flex;
    flex-direction: column;
    background-color: var(--bg-white-05);
    border: 1px solid var(--border-secondary);
    padding: 20px 12px;
    width: 233px
}

.main__prognoses-list__item-title {
    display: block;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 10px;
    text-decoration: none
}

.card-header .btn-link.collapsed,.main__prognoses-list__item-title:hover {
    color: var(--color-text-primary)
}

.main__prognoses-list__item-author span,.main__prognoses-list__item-author__image,.main__prognoses-list__item-header__block img,.main__prognoses-list__item-header__block span,.main__prognoses-list__item-header__block svg,.main__prognoses-list__item-header__image {
    display: inline-block;
    vertical-align: middle
}

.main__prognoses-list__item-author__image {
    width: 22px;
    height: 22px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    margin-right: 10px
}

.main__prognoses-list__item-author img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.main__prognoses-list__item-author span {
    color: var(--color-text-second);
    font-weight: 600;
    font-size: 14px;
    line-height: 1.7
}

.main__prognoses-list__item-date {
    display: block;
    color: var(--color-text-second);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.6
}

.main__prognoses-list__item-image {
    margin-bottom: 20px
}

.bk__full-head,.main__prognoses-list__item-header {
    align-items: center;
    margin-bottom: 20px
}

.main__prognoses-list__item-header__center,.main__rates-list__item-content {
    align-items: center
}

.main__prognoses-list__item-header b {
    font-size: 14px;
    font-weight: 500px;
    margin-left: 5px
}

.main__prognoses-list__item-header__block {
    width: 100%
}

.main__prognoses-list__item-header__block svg path {
    fill: var(--bg-white)
}

.bk__full-block__title--green path,.bk__full-block__title--green svg,.bk__full-buttons__button--prise svg path {
    fill: var(--color-text-exclusive)
}

.main__prognoses-list__item-header__block span {
    padding: 8px 15px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    border: 1px solid var(--border-cta);
    margin-left: auto
}

.main__prognoses-list__item-header__image {
    margin-left: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-primary)
}

.main__prognoses-list__item-header__image img,.main__prognoses-list__item-header__image svg {
    max-width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.main__bonuses-image img,.main__experts-item__image img {
    max-width: 100%
}

.main__bonuses .main__prognoses-list__item {
    border: 1px solid var(--gradient-cta-end)
}

.main__bonuses .main__prognoses-info {
    border-top: 0
}

.main__bonuses-brand {
    margin-right: 10px
}

.main__bonuses-info:hover {
    color: var(--color-text-primary);
    text-decoration: none
}

.main__feedback {
    background-color: var(--bg-primary-57);
    border-top: 1px solid var(--border-primary);
    border-bottom: 1px solid var(--border-primary);
    margin-bottom: 50px
}

.main__feedback-header {
    text-align: center;
    display: block;
    margin-bottom: 20px
}

.main__feedback-header__title {
    color: var(--color-text-primary);
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block
}

.main__feedback-header__text {
    font-size: 14px;
    line-height: 1.25;
    color: var(--color-text-second);
    display: block
}

.main__feedback form input[type=email] {
    background-color: var(--bg-primary);
    color: var(--color-text-primary);
    font-size: 14px;
    line-height: 1.7;
    outline: 0;
    border: 1px solid var(--border-primary);
    padding: 0 10px;
    height: 32px;
    width: 100%;
    margin-bottom: 20px
}

.main__feedback form input[type=checkbox] {
    width: 12px;
    height: 12px
}

.main__feedback form label {
    color: var(--color-text-second);
    font-size: 13px;
    line-height: 2;
    margin-top: -5px
}

.main__feedback form button {
    width: 100%;
    display: block;
    height: 35px;
    color: var(--color-text-primary);
    text-align: center;
    background: linear-gradient(90deg, var(--gradient-cta-start) 32.32%, var(--gradient-cta-end) 98.52%);
    outline: none;
    border: unset;
    margin-bottom: 20px;
    cursor: pointer
}

.main__feedback--mini .main__feedback-header {
    text-align: center
}

.bk__full-block__section,.hero p,.main__feedback--mini .main__feedback-container,.mt-14,.progress {
    width: 100%
}

.main__feedback--mini .main__feedback-container img {
    position: relative;
    max-width: 239px;
    left: unset;
    transform: unset
}

.main__feedback--mini form button {
    width: 100% !important;
    float: unset !important
}

.main__other hr {
    border-color: var(--border-primary)
}

.main__other-title {
    font-weight: 700;
    font-size: 19px;
    line-height: 1.2;
    display: block;
    margin-bottom: 20px;
	color: black;
}

.main__other-title-white {
    color: white !important;
}

.main__other-title gray {
    color: white
}

.main__other-title l {
    display: inline-block;
    margin-top: 10px
}

.main__other-title__btn {
    float: right;
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    transition-duration: .2s;
    padding: 12px 16px;
    background-color: var(--bg-primary)
}

.main__other-title__btn img,.main__other-title__btn span {
    display: inline-block;
    vertical-align: middle
}

.main__other-title__btn img,.reviews__list-selector__up,.stars__out {
    margin-right: 5px
}

.main__other-list ul li {
    margin-bottom: 10px
}

.main__other-list ul li a {
    display: flex
}

.main__other-list ul li img,.main__other-list ul li svg {
    width: 24px;
    margin-right: 10px
}

.main__other-list ul li span {
    color: var(--color-text-second)
}

.main__other-list ul li img,.main__other-list ul li span,.main__other-list ul li svg {
    display: inline-block;
    vertical-align: middle
}

.main__other-list ul.d-flex li {
    list-style: none;
    width: calc(50% - 20px);
    margin: 10px
}

.main__experts {
    background-color: var(--bg-primary-57);
    border-top: 1px solid var(--border-primary);
    border-bottom: 1px solid var(--border-primary);
    margin-bottom: 50px;
    margin-top: 20px;
    padding-top: 10px
}

.main__experts-list {
    flex-wrap: wrap;
    margin: -15px;
    padding-bottom: 10px
}

.main__experts-item {
    width: calc(50% - 30px);
    margin: 15px;
    text-align: center
}

.main__experts-item__image {
    border-radius: 50%;
    width: 150px;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 20px
}

.main__experts-item__title {
    display: block;
    color: var(--color-text-primary);
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px
}

.main__experts-item__text {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    color: var(--color-text-second)
}

.main__seo p {
    line-height: 1.3;
    color: black;
    font-size: 14px
}

.main__seo p {
    font-weight: 400
}

.main__rates-controls ul li a,.main__rates-list__btn {
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    display: block;
    text-align: center
}

.main__rates {
    display: block;
    margin-top: 20px;
    padding: 20px 0;
	background-color: #ffffff;
    border: 2px solid white;
    margin-bottom: 30px;

}

.main__rates-controls,.main__rates-list {
    margin-bottom: 10px
}

.main__rates-controls ul {
    padding: 0;
    margin: 0;
    padding-inline-start:0;margin-block-start:0;font-size: 0
}

.main__rates-controls ul li {
    border: 1px solid var(--border-primary);
    width: 33.3%;
    list-style: none;
    border-right: 0
}

.main__rates-controls ul li:last-child {
    border-right: 1px solid var(--border-primary)
}

.main__rates-controls ul li a {
    color: var(--color-text-second);
    padding: 8px 0;
    text-decoration: none
}

.main__rates-controls ul li a:hover {
    text-decoration: none
}

.main__rates-controls ul li.active {
    border-color: #fff
}

.main__rates-controls ul li.active a,red {
    color: #fff
}

.main__rates-list__btn {
    color: var(--color-text-primary);
    padding: 17px;
    border: 1px solid var(--border-primary);
    background-color: var(--bg-primary)
}

.main__rates-list__item {
    padding: 16px 0;
    border-bottom: 1px solid var(--border-primary)
}

.main__rates-list__item-btn,.main__rates-list__item-btn__default {
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    padding: 12px 16px;
    color: var(--color-text-primary);
    white-space: nowrap
}

.bk__block {
    margin-top: 20px
}

.bk__block-sin {
    padding: 10px 30px 30px 30px !important;
}

.bk__block p {
    border-radius: 8px;
    padding: 10px 0px 10px 0px;
    list-style: none;
    margin: 0;
}

.bk__block ul {
    padding: 10px 10px 10px 20px;
     margin: 0;
}

.bk__block ol {
    padding: 0px 15px 0px 15px;
     margin: 0;
} 
.main__rates-list__item:last-child {
    border-bottom: 0
}

.bk__full-image img,.main__rates-list__item-logo img,.reviews__list-rate img {
    max-width: 100%
}

.main__rates-list__item-logo span {
    display: inline-block;
    font-size: 32px;
    opacity: 0.8;
        padding: 3px 10px;
    min-width: 37px;
    text-align: center;
    color: white;

}

.bk__full-block__title--green b,.bk__full-block__title--orange b {
    padding-top: 3px
}

.main__rates-list__item-info {
    margin-left: auto;
    margin-right: auto
}

.main__rates-list__item-info img,.main__rates-list__item-info span {
    display: inline-block;
    vertical-align: middle
}

.main__rates-list__item-info img {
    max-width: 100%;
    max-height: 15px;
    margin-right: 3px
}

.main__rates-list__item-info span {
    font-size: 14px;
    font-weight: 500;
    color: white;
}

.main__rates-list__item-btn {
    transition-duration: .2s;
    background-color: #36ade0;
    border: 2px solid;
}

.main__rates-list__item-btn:hover {
 
    text-decoration: none;
 opacity: 0.9;
}

.main__rates-list__item-btn__default {
    background-color: var(--bg-primary)
}

.bk__block-item__btn,.rates__list-item__button {
    font-size: 15px;
    text-decoration: none;
    transition-duration: .2s
}

.bk__block {
    margin-bottom: 50px;
    padding: 10px;
    overflow: hidden;
    overflow-x: auto
}

.bk__block.bk__block--gradient {
    box-shadow: 0px 23px 33px var(--border-black-20)
}

.bk__block-list {
    position: relative;
    margin: -20px;
    width: max-content
}

.bk__block-item {
    padding: 30px;
    background-color: var(--bg-primary);
    position: relative;
    margin: 20px;
    min-height: 299px;
    border: 1px solid var(--border-primary);
    width: 212px
}

.bk__block-item__img {
    text-align: center;
    position: relative;
    height: 40px;
    margin-bottom: 15px
}

.bk__block-item__img img {
    max-width: 100%;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.bk__block-item b {
    margin-bottom: 15px;
    display: block;
    font-size: 16px;
    color: var(--color-text-primary)
}

.bk__block-item span {
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
    color: var(--color-text-second);
    line-height: 1.2
}

.bk__block-item__footer {
    text-align: center
}

.bk__block-item__btn {
    display: inline-block;
    color: var(--color-text-primary);
    line-height: 15px;
    font-weight: 500;
    padding: 12px 16px;
    background: var(--gradient-cta-start);
    background: linear-gradient(90deg, var(--gradient-cta-start) 0, var(--gradient-cta-start) 25%, var(--gradient-cta-end) 100%)
}

.block__button-lines {
    background: url(/tpl/img/icons/button_lines.svg) center repeat-x var(--bg-primary);
    padding: 30px;
    text-align: center;
    margin-bottom: 50px
}

.block__button-lines a,.block__button-lines p,.block__button-lines span {
    color: var(--color-text-primary);
    font-weight: 700;
    font-size: 19px;
    line-height: 1.2
}

.hero {
    background-color: var(--bg-primary-57);
    border-top: 1px solid var(--border-primary);
    border-bottom: 1px solid var(--border-primary);
    margin-bottom: 30px;
    margin-top: 50px;
    padding: 10px;
    position: relative
}

.hero p {
    font-size: 14px;
    line-height: 1.2;
    padding-bottom: 0
}

.hero img {
    position: relative;
    bottom: 0;
    right: 0;
    margin-left: -10px;
    margin-bottom: -10px;
    max-width: calc(100% + 20px);
    margin-top: 10px
}

.rates__list-item {
    margin-bottom: 20px;
    align-items: center
}

.rates__list-item__logo {
    margin-right: auto;
    max-width: 92px
}

.rates__list-item__button {
    color: var(--color-text-primary);
    line-height: 15px;
    font-weight: 500;
    padding: 12px 16px;
    margin-right: 20px
}

.bk__full-buttons__button,.bk__full-buttons__button:last-child,.bk__full-tags ul li:last-child,.rates__list-item__button:last-child,.reviews__head-selector li:last-child {
    margin-right: 0
}

.rates__list-item__button--dark {
    background-color: var(--bg-primary)
}

.rates__list-item__button--red {
    background-color: #36ade0;
}

.mt-14 {
    margin-top: 14px
}

.bk__full-block {
    padding: 15px;
    border: 1px solid var(--border-secondary);
    margin-bottom: 30px;
    flex-wrap: wrap
}

.bk__full-block__info b {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    font-weight: 500;
    color: var(--color-text-primary);
    margin-right: 10px
}

.bk__full-block__info span {
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-size: 15px;
    font-weight: 500
}

#ez-toc-container {
    background: #ffffff !important;
    width: 100% !important;
    max-width: 100%;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    display: table;
    margin-bottom: 1em;
    padding: 10px 20px 10px 10px;
    position: relative;
 }

 .caption-single-figure {
    margin-top: 5px;
    opacity: 0.5;
 }

 .container-block-single-figure {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
 }

 #ez-toc-container .ez-toc-title {
    text-align: left;
    line-height: 1.45;
    margin: 0;
    padding: 0;
    color: black;
}

.bk__full-block__info span gray {
    color: var(--color-gray)
}

.bk__full-block__info-button {
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    transition-duration: .2s;
    padding: 12px 16px;
    background-color: var(--bg-primary);
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px
}

.bk__full-block hr {
    border-color: var(--border-primary);
    margin: 20px -15px;
    width: calc(100% + 30px)
}

.bk__full-block ul {
    margin-left: 20px;
    margin-bottom: 20px
}

.bk__full-block__info {
    margin-top: 7px
}

.bk__full-block__bars {
    margin-top: 20px;
    margin-bottom: 20px
}

.bk__full-block__bars .d-flex {
    align-items: center
}

.bk__full-block__bars .progress {
    height: 10px
}

.bk__full-block__bars span {
    font-size: 15px;
    line-height: 1;
    color: var(--color-text-primary);
    margin-right: 10px
}

.bk__full-block__section-rates {
    margin-top: 20px
}

.bk__full-block__section-rates__item,.bk__full-block__title {
    margin-bottom: 20px;
    align-items: center
}

.bk__full-block__section-rates__item i {
    font-size: 16px
}

.bk__full-block__section-rates__item span {
    margin-right: auto;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-primary)
}

.bk__full-block__title svg {
    display: block
}

.bk__full-block__title b {
    font-weight: 500;
    font-size: 16px;
    margin-left: 5px;
    display: block
}

.bk__full-block__title--green {
    color: var(--color-text-exclusive)
}

.bk__full-block__title--orange {
    color: #fff
}

.bk__full-block__title--orange svg {
    margin-top: 3px;
    transform: rotate(180deg)
}

.bk__full-block__title--orange path,.bk__full-block__title--orange svg {
    fill: #fff
}

.bk__full-tags {
    overflow: hidden;
    overflow-x: auto;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-primary)
}

.bk__full-tags ul {
    width: max-content;
    margin: 0;
    padding: 0
}

.bk__full-tags ul li {
    list-style: none;
    margin-right: 20px
}

.bk__full-tags ul li a {
    color: var(--color-text-second);
    display: block;
    padding: 15px 0;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    min-width: 65px;
    text-align: center
}

.bk__full-tags ul li a:hover,.bk__full-tags ul li.active a {
    color: #fff
}

.bk__full-buttons {
    align-items: center;
}

.bk__full-buttons__button {
    margin-bottom: 20px;
    padding: 17px;
    cursor: pointer;
    text-align: center;
    position: relative;
    font-weight: 500;
    font-size: 15px;
    align-items: center;
    display: block;
    line-height: 1;
    height: 50px
}

.bk__full-buttons__button img,.bk__full-buttons__button svg {
    margin-right: 10px
}

.bk__full-buttons__button--red {
    min-width: 300px;
    background-color: #36ade0;
}

.bk__full-buttons__button--prise {
    background-color: var(--bg-primary);
    color: var(--color-text-exclusive);
    border: 1px solid var(--border-secondary)
}

.bk__full-buttons__button--prise span {
    color: var(--color-text-exclusive)
}


.bk__full-head .main__other-title {
    display: block;
    margin-bottom: 10px
}

.bk__full-image {
    max-width: 150px;
    overflow: hidden;
    display: block;
    margin-right: 20px;
    margin-bottom: 20px
}

.reviews__list-selector__down:after,.reviews__list-selector__up:after {
    content: "";
    background: url(/tpl/img/icons/arrow_reviews.svg) center no-repeat !important;
    width: 10px;
    height: 5px
}

.card {
    background-color: unset;
    border-left: 0px;
    border-right: 0px;
    border: 0px
}

.card,.card-header {
    background-color: unset
}

.card-header {
    background-color: unset;
    border-bottom: 1px solid var(--border-primary);
    padding-left: 0;
    padding-right: 0
}

.card-header:first-child {
    border-radius: 0
}

.card-header .btn-link {
    display: block;
    text-decoration: none;
    color: #fff;
    width: 100%;
    position: relative;
    text-align: left
}

.card-header .btn-link::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 10px;
    background-image: url("/tpl/img/icons/arrow_reviews.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    right: 4px;
    top: 45%
}

.card-header .btn-link.collapsed {
    color: var(--color-text-primary)
}

.card-header .btn-link.collapsed::after {
    transform: rotate(0deg)
}

.reviews__head-selector {
    width: max-content;
    margin: 0 0 30px;
    padding: 0
}

.reviews__head-selector li {
    list-style: none;
    margin-right: 20px
}

.reviews__head-selector li a {
    color: var(--color-text-second);
    min-width: 123px;
    text-align: center;
    padding: 7px 10px;
    font-weight: 500;
    font-size: 15px;
    display: block;
    transition-duration: .2s;
    border: 1px solid var(--border-secondary)
}

.reviews__head-selector li a:hover,.reviews__head-selector li.active a {
    border: 1px solid #fff;
    color: #fff
}

.reviews__head-selector li:last-child {
    margin-right: 0
}

.reviews__list {
    position: relative
}

.reviews__list-item {
    display: block;
    margin-bottom: 30px
}

.reviews__list-item:last-child {
    margin-bottom: 0
}

.reviews__list-head {
    align-items: center;
    margin-bottom: 12px
}

.reviews__list-head b {
    display: block;
    color: var(--color-text-second);
    font-weight: 500;
    font-size: 15px;
    line-height: 1.6
}


.bk__block-sin {
    padding: 10px 30px 30px 30px;

}
 
.reviews__list-head span {
    color: white;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    display: block
}

.reviews__list-image {
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 12px
}

.reviews__list-image img {
    max-width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}

.reviews__list-text {
    color: white;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6
}

.reviews__list-text p {
    word-wrap: break-word;
}

.reviews__list-selector {
    margin-left: auto
}

.reviews__list-selector b {
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle
}

.reviews__list-selector__down,.reviews__list-selector__up {
    width: 19px;
    height: 19px;
    position: relative;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-primary);
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.reviews__list-selector__up {
    margin-right: 5px
}

.reviews__list-selector__up:after {
    position: absolute;
    top: 20%;
    left: -1%;
    content: '';
    background: url(/tpl/img/icons/arrow_reviews.svg) no-repeat center;
    width: 10px;
    height: 5px;
    transform: rotate(180deg) translate(-50%, -50%)
}

.reviews__list-selector__down {
    margin-left: 5px
}

.reviews__list-selector__down:after {
    position: absolute;
    top: 50%;
    left: 56%;
    content: '';
    background: url(/tpl/img/icons/arrow_reviews.svg) no-repeat center;
    width: 10px;
    height: 5px;
    transform: translate(-50%, -50%)
}

.reviews__list-rate {
    padding: 6px 10px;
    text-align: center;
    margin-left: 20px;
    color: var(--color-text-primary)
}

.reviews__list-rate path,.reviews__list-rate svg {
    fill: var(--bg-white)
}

.reviews__list-rate img {
    max-width: 100%
}

.reviews__list-rate span {
    margin-left: 7px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-primary)
}

.reviews__list-rate--green {
    background-color: #28a745;
}

.reviews__list-item {
    background: #36ade0;
    padding: 20px;
}

.reviews__list-rate--yellow {
    background-color: var(--color-yellow)
}

.reviews__list-rate--orange {
    background-color: var(--color-orange)
}

.reviews__list-rate--red {
    background-color: var(--color-red)
}

.stars i {
    font-size: 20px
}

.stars__out {
    position: relative;
    color: var(--color-gray);
    z-index: 1
}

.stars__in {
    position: absolute;
    z-index: 2;
    color: var(--color-yellow);
    font-size: inherit;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    width: 0
}

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

.mt-96-i {
    margin-top: 96px !important
}

.t-left {
    text-align: left
}

.main__feedback--mini .main__feedback-header__title {
    font-size: 26px
}

@media screen and (max-width: 440px) {
    .main__rates-list__item .main__rates-list__item-logo.rates_block__logo {
        margin-left:13px !important
    }
}

@media screen and (min-width: 767px) {
    .d-md-none {
        display:none
    }

    .d-md-block {
        display: block
    }

    .d-md-inline {
        display: inline-block
    }

    .d-md-flex {
        display: flex
    }
}

@media screen and (min-width: 1200px) {
    .main__feedback form {
        overflow:hidden
    }

    .bk__full-block,.main .bk__block,.main .hero {
        padding: 30px
    }

    .bk__full-block__bars {
        margin-top: 0;
        margin-bottom: 0
    }

    .bk__full-block hr {
        border-color: var(--border-primary);
        margin: 20px -30px;
        width: calc(100% + 60px)
    }

    .bk__full-block__section {
        width: 50%;
        padding-left: 20px
    }

    .bk__full-block__section-rates {
        margin-top: 10px
    }

    .bk__full-block__section:first-child {
        padding-left: 0
    }

    .bk__full-buttons__button {
        margin-bottom: 0;
        margin-right: 20px
    }

    .bk__full-head {
        margin-bottom: 20px
    }

       .bk__full-image img {
        border-radius: 50%;
        width: 250px;
        max-height: 250px;
        object-fit: cover;
        min-height: 100px;
    } 

    .bk__block ul,.bk__full-image,.main .hero img,.main__other-list ul.d-xl-block li:last-child {
        margin-bottom: 0
    }

    .bk__block,.main__prognoses-list {
        overflow-x: hidden
    }

    .bk__block-list {
        flex-wrap: wrap;
        width: auto
    }

    .bk__block-item {
        width: calc(33.3% - 40px)
    }

    .block__button-lines {
        text-align: left
    }

    .block__button-lines a,.block__button-lines p,.block__button-lines span {
        font-size: 30px;
        line-height: 1.2
    }

    .d-xl-inline,.totop {
        display: inline-block
    }

    .site_wrapper {
        max-width: 1290px;
        width: 100%;
        margin: 0 auto;
        padding: 0 30px
    }

    .footer__copy {
        margin-top: 0
    }

    .footer__copy a,.header-controls {
        margin-left: auto
    }

    .footer__columns {
        width: 100%
    }

    .mt-20 {
        margin-top: 30px
    }

    .h3 {
        font-size: 30px
    }

    .h1 {
        font-size: 50px
    }

    .main__feedback form button {
        font-size: 14px;
        float: right;
        text-transform: uppercase
    }

    .main .bk__block,.main__experts,.main__feedback,.main__other,.main__prognoses,.main__rates,.main__seo {
        margin-top: 0px;
     }

    .main .bk__block .site_container,.main__experts .site_container,.main__feedback .site_container,.main__other .site_container,.main__prognoses .site_container,.main__rates .site_container,.main__seo .site_container {
        margin: 0 30px
    }

    .main .hero {
        border: 1px solid var(--border-primary)
    }

    .main .hero p {
        font-size: 15px;
        line-height: 1.6;
        width: 50%
    }

    .main .hero img {
        position: absolute;
        bottom: unset;
        top: 0;
        margin-left: 0
    }

    .main .hero__rates {
        margin-top: 0;
        max-width: 100%
    }

    .main .hero__bk {
        margin-top: -62px;
        right: 10%;
        max-width: 300px
    }

    .main .hero__actions {
        margin-top: -103px;
        right: 10%;
        max-width: 100%
    }

    .main__other-list ul li {
        list-style: none
    }

    .main__other-list ul li svg {
        min-width: 24px
    }

    .main__other-list ul.d-xl-block {
        margin: 0
    }

    .main__other-list ul.d-xl-block li {
        width: 100%;
        margin: unset;
        margin-bottom: 10px
    }

    .main__experts-item {
        width: calc(25% - 30px)
    }

    .main__experts-item__title {
        margin-bottom: 10px
    }

    .main__prognoses-list__items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
        padding: 0 30px;
        margin: 0;
        width: 100%
    }

    .main__prognoses-list__item {
        width: auto
    }

    .main__rates {
        padding: 18px 0
    }

    .main__rates-list__item-logo {
        width: 150px
    }

    .main__feedback {
        padding: 30px 0 10px
    }

    .main__feedback-container {
        width: 50%;
        position: relative
    }

    .main__feedback-container img {
        position: absolute;
        width: 100%;
        max-width: 300px;
        left: 50%;
        top: 45%;
        transform: translate(-50%, -50%)
    }

    .main__feedback form label {
        margin-bottom: 15px
    }

    .main__feedback form button {
        width: 137px
    }

    .main__feedback-header {
        text-align: left
    }

    .main__feedback-header__title {
        font-size: 30px;
        margin-bottom: 20px
    }

    .main__feedback-header__text {
        font-size: 16px;
        margin-bottom: 20px
    }

    .header-logotype {
        margin-left: 0;
        margin-right: 0
    }

    .d-xl-none {
        display: none
    }

    .d-xl-block {
        display: block
    }

    .d-xl-flex {
        display: flex
    }
}

@media screen and (min-width: 1679px) {
    .d-xxl-none {
        display:none
    }

    .d-xxl-block {
        display: block
    }

    .d-xxl-inline {
        display: inline-block
    }

    .d-xxl-flex {
        display: flex
    }
}

.my_leagues-list ul li,.commands_list ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    padding: 9px 0;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--color-text-primary)
}

#user_favorites_list ul li .my_favorite_item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#user_favorites_list ul li .my_favorite_item .my_favorite_star {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background: url("/tpl/img/icons/star.svg") no-repeat center;
    background-size: contain;
    cursor: pointer
}

.my_leagues-list ul li span,.commands_list ul li span {
    color: var(--color-text-second)
}

.my_leagues-list ul li.active span,.commands_list ul li.active span {
    color: #fff
}

.my_leagues-list ul li img,.commands_list ul li img {
    margin-right: 10px;
    min-width: 24px
}

.star_list-letter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 0 6px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 10px;
    cursor: pointer
}

.star_list-letter.collapsed::after {
    border-top: 8px solid var(--border-cta);
    border-bottom: 0
}

.star_list-letter::after {
    display: block;
    content: '';
    height: 0;
    width: 0;
    flex-shrink: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid var(--border-cta)
}

.star_list-letter+.collapse {
    margin-bottom: 10px
}

.main__prognoses {
    border-top: 1px solid var(--border-primary);
    border-bottom: 1px solid var(--border-primary);
    margin-bottom: 50px;
    margin-top: 20px
}

.main__prognoses-header {
    padding: 20px 0;
    overflow-y: hidden;
    overflow-x: auto;
    display: flex;
    justify-content: space-between
}

.main__prognoses-header--league {
    overflow: visible !important;
    z-index: 3;
    position: relative
}

.main__prognoses-header .menu__second-section,.main__prognoses-header .menu__third-section {
    padding: 15px 0 5px;
    display: flex
}

.mobile__bet-modal.modal.show {
    display: flex !important;
    height: 100vh;
    align-items: center;
    padding-left: 0
}

.mobile__bet-modal {
    width: 100%;
    z-index: 1041;
    display: none;
    transition-duration: 300ms;
    height: calc(100vh - 79px);
    padding: 15px 10px;
    position: fixed;
    left: 0;
    overflow: hidden;
    overflow-y: auto
}

.mobile__bet-modal .modal-dialog {
    width: 100%;
    padding: 15px;
    background-color: var(--bg-primary)
}

.mobile__bet-modal .modal-dialog .modal-content {
    background-color: transparent
}

.mobile__bet-modal .modal__close-btn {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 6px;
    background: url("/tpl/img/icons/burger_close.svg") no-repeat center
}

.mobile__bet-modal .modal__head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
    font-size: 18px;
    font-weight: bold;
    color: var(--color-text-primary)
}

.mobile__bet-modal .modal__head p {
    margin-bottom: 0
}

.mobile__bet-modal .modal__body {
    padding: 10px 20px
}

.mobile__bet-modal .modal__body .site_container {
    justify-content: space-between;
    align-items: center
}

.mobile__bet-modal .modal__body .gift_width {
    max-width: 135px;
    width: 100%;
    display: flex;
    justify-content: start;
    margin-left: 10px
}

.mobile__bet-modal .modal__body .main__rates-list__item-logo {
    display: flex;
    max-width: 110px;
    width: 100%
}

.mobile__bet-modal .modal__body .bet_btn-container {
    display: flex;
    max-width: 100px;
    width: 100%;
    justify-content: center
}

.main__prognoses-header ul li {
    margin-right: 10px;
    margin-left: 10px;
    list-style: none
}

.main__prognoses-header ul li.star_point {
    display: flex;
    align-items: center
}

.main__prognoses-header ul li.star_point .star_count-text {
    margin: 0 6px;
    line-height: 1;
    font-size: 15px;
    font-weight: 500;
    color: var(--color-text-second)
}

.main__prognoses-header ul li.star_point p {
    margin-bottom: 0
}

.main__prognoses-header ul li.star_point .star_count {
    font-size: 12px;
    font-weight: 700;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-secondary);
    padding: 3px 4px
}

.main__prognoses-header ul li:first-child {
    margin-left: 0
}

.main__prognoses-header ul li:last-child {
    margin-right: 0
}

.main__prognoses-header ul li .filter-vibor {
    display: flex;
    align-items: center;
    text-decoration: none;
    background: linear-gradient(to right, var(--bg-invert) 0%, var(--bg-invert) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main__prognoses-header ul li.active a {
    text-decoration: none;
    background: linear-gradient(to right, var(--gradient-cta-start) 0%, var(--gradient-cta-end) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main__prognoses-header ul li .filter-vibor span,.main__prognoses-header ul li .filter-vibor svg,.main__prognoses-header ul li .filter-vibor img {
    display: inline-block;
    vertical-align: middle;
    transition-duration: 200ms
}

.main__prognoses-header ul li .filter-vibor span {
    font-size: 15px;
    font-weight: 500;
    width: 0px;
    overflow: hidden;
    margin-left: 10px
}

.main__prognoses-header ul li .filter-vibor:hover {
    text-decoration: none;
}

.main__prognoses-header ul li .filter-vibor:hover span {
    width: auto
}

.main__prognoses-header ul li .filter-vibor:hover svg path {
    fill: #fff
}

.main__prognoses-header ul li .filter-vibor span {
    width: auto
}

.main__prognoses-info .site_container {
    overflow: hidden;
    padding: 20px 0;
    overflow-x: auto
}

.main__prognoses-info .main_page-links li {
    border: 1px solid var(--border-secondary);
    padding: 5px 10px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: var(--bg-primary)
}

.main__prognoses-info ul li:first-child {
    margin-left: 0
}

.main__prognoses-info ul li:last-child {
    margin-right: 0
}

.main__prognoses-info ul li a {
    text-decoration: none;
    color: var(--color-text-second);
    transition-duration: 200ms
}

.main__prognoses-info ul li a span {
    font-size: 15px;
    font-weight: 500;
    overflow: hidden
}

.main__prognoses-info ul li a:hover {
    background: linear-gradient(to right, var(--gradient-cta-start) 0%, var(--gradient-cta-end) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main__prognoses-info ul li:hover:after {
    content: '';
    background: url(/tpl/img/icons/border_bottom.png) no-repeat center top;
    width: 120px;
    height: 10px;
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%)
}

.main__prognoses-info ul li.active {
    position: relative
}

.main__prognoses-info ul li.active a {
    background: linear-gradient(to right, var(--gradient-cta-start) 0%, var(--gradient-cta-end) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.main__prognoses-info ul li.active:after {
    content: '';
    background: url(/tpl/img/icons/border_bottom.png) no-repeat center top;
    width: 120px;
    height: 10px;
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%)
}

.main__prognoses-list {
    overflow: hidden;
    overflow-x: auto
}

.main__prognoses-list__item {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-secondary);
    padding: 20px 12px;
    width: 233px;
    background-color: transparent
}

.main__prognoses .main__prognoses-list__item-title {
    min-height: unset !important;
    max-height: unset !important
}

.main__prognoses .main__prognoses-list__item .main__prognoses-list__item-footer {
    position: initial;
    width: auto;
    height: 80px
}

.main__prognoses-list__item-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--color-text-primary);
    margin-bottom: 10px;
    text-decoration: none
}

.main__prognoses-list__item-title:hover {
    color: var(--color-text-primary)
}

.main__prognoses-list__item-author span,.main__prognoses-list__item-author__image {
    display: inline-block;
    vertical-align: middle
}

.main__prognoses-list__item-author__image {
    width: 22px;
    height: 22px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    margin-right: 10px
}

.main__prognoses-list__item-author img {
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.main__prognoses-list__item-author span {
    color: var(--color-text-second);
    font-weight: 600;
    font-size: 14px;
    line-height: 1.8
}

.main__prognoses-list__item-date {
    display: block;
    color: var(--color-text-second);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.15
}

.main__prognoses-list__item-image {
    margin-bottom: 20px
}

.main__prognoses-list__item-header {
    align-items: center;
    margin-bottom: 20px
}

.main__prognoses-list__item-header__center {
    align-items: center
}

.main__prognoses-list__item-header b {
    font-size: 14px;
    font-weight: 500;
    margin-left: 5px
}

.main__prognoses-list__item-header__block {
    width: 100%
}

.main__prognoses-list__item-header__block img,.main__prognoses-list__item-header__block svg,.main__prognoses-list__item-header__block span {
    display: inline-block;
    vertical-align: middle
}

.main__prognoses-list__item-header__block svg path {
    fill: var(--bg-white)
}

.main__prognoses-list__item-header__block span {
    padding: 8px 15px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    border: 1px solid var(--border-cta);
    margin-left: auto
}

.main__prognoses-list__item-header__images {
    position: relative
}

.main__prognoses-list__item-header__image {
    display: inline-block;
    vertical-align: middle;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--bg-primary);
    position: relative;
    border: 1px solid var(--border-primary)
}

.main__prognoses-list__item-header__image:first-child {
    margin-left: 0
}

.main__prognoses-list__item-header__image img,.main__prognoses-list__item-header__image svg {
    max-width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.main__feedback-header img {
    display: inline-block
}

.main__feedback form input[type="email"] {
    background-color: var(--bg-primary);
    color: var(--color-text-primary);
    font-size: 14px;
    line-height: 1.8;
    outline: none;
    border: 1px solid var(--border-primary);
    padding: 0 10px;
    height: 32px;
    width: 100%;
    margin-bottom: 20px
}

.main__feedback form input[type="checkbox"] {
    width: 12px;
    height: 12px
}

.main__feedback form label a {
    color: #fff
}

.main__feedback form label a:hover {
    color: #fff
}

.main__feedback--mini .main__feedback-header {
    text-align: center
}

.main__feedback--mini .main__feedback-container {
    width: 100%
}

.main__feedback--mini form button {
    width: 100% !important;
    float: unset !important
}

.main__other {
    background-color: var(--bg-primary-57);
    margin-bottom: 50px;
    margin-top: 20px
}

.main__other-filters__list input {
    margin-right: 10px
}

.main__other-filters__list-item {
    margin-right: 10px
}

.main__other-title__btn span,.main__other-title__btn img {
    display: inline-block;
    vertical-align: middle
}

.main__other-title__btn img {
    margin-right: 5px
}

.main__other-list ul li:last-child {
    margin-bottom: 0
}

.main__other-list ul li span {
    font-size: 15px
}

.main__other-list ul li img,.main__other-list ul li svg,.main__other-list ul li span {
    display: inline-block;
    vertical-align: middle
}

.main__experts-item__image img {
    max-width: 100%
}

.main__seo {
    background-color: var(--bg-primary-57);
    margin-bottom: 50px;
    margin-top: 20px
}

.main__seo p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3
}

.main__rates-controls {
    margin-bottom: 10px
}

.main__rates-controls ul li a {
    display: block;
    font-weight: 500;
    text-align: center;
    font-size: 15px;
    line-height: 1
}

.main__rates-controls ul li.active a {
    color: #fff
}

.main__rates-list {
    border: 2px solid #d3d3d3;
    border-radius: 8px;
    margin: 0 !important;
    padding: 20px 20px 10px 20px;
}

.main-down-text {
    border: 2px solid #d3d3d3;
    border-radius: 8px;
    margin: 0 !important;
    padding: 20px 20px 10px 20px;
}

.main__rates-list__btn {
    font-size: 15px;
    line-height: 1;
    display: block;
    text-align: center;
    font-weight: 500;
    cursor: pointer
}

.main__rates-list__item-logo img {
    max-width: 85px;    border-radius: 50%;

width: 85px;
    height: 85px;
    object-fit: cover;

}

.main__rates-list__item-logo span {
    margin: 0 5px;
    cursor: pointer
}

.main__rates-list__item-content {
    align-items: center;
    position: relative
}

.main__rates-list__item-content #loading {
    height: 40px;
    top: -30px;
    position: absolute;
    text-align: center;
    z-index: 10;
    display: flex;
    justify-content: center
}

.main__rates-list__item-content #loading img {
    width: 30px;
    height: 30px;
    margin: 0 auto
}

.main__rates-list__item-content .flag {
    margin-left: 50px
}

.main__rates-list__item-info.stats {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    justify-content: space-between
}

.main__rates-list__item-info.stats .points_item {
    padding: 15px
}

.main__rates-list__item-info.stats .main__rates-list__item-logo {
    width: unset;
    margin-left: 15px
}

.main__rates-list__item-info img,.main__rates-list__item-info span {
    display: inline-block;
    vertical-align: middle
}

.main__rates-list__item-info img {
    max-width: 100%;
    max-height: 15px;
    margin-right: 3px
}

.main__rates-list__item-info span {
    font-size: 14px;
    font-weight: 500
}

.main__rates-list__item-btn {
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    padding: 12px 16px
}

.main__rates-list__item-btn:hover {
    text-decoration: none;
    opacity: 0.9;
}

.main__rates-list__item-btn__default {
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    padding: 12px 16px
}

.main__rates-list__item .main__rates-list__item-info.main__rates-pay .rates_block__star {
    display: flex;
    align-items: center;
    min-width: 34px
}

.main__rates-list__item .main__rates-list__item-logo.rates_block__logo {
    max-width: 150px;
    width: 100%;
    display: flex;
    align-items: center
}

red {
    color: #fff
}

.bk__block {
    margin-bottom: 50px;
    margin-top: 20px;
    padding: 10px;
    overflow: hidden;
    overflow-x: auto;

}

.bk__block-list {
    position: relative;
    margin: -20px;
    width: max-content
}

.bk__block-item {
    padding: 30px;
    background-color: var(--bg-primary);
    position: relative;
    margin: 20px;
    min-height: 299px;
    border: 1px solid var(--border-primary);
    width: 212px
}

.bk__block-item__img {
    text-align: center;
    position: relative;
    height: 40px;
    margin-bottom: 15px
}

.bk__block-item__img img {
    max-width: 100%;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.bk__block-item b {
    margin-bottom: 15px;
    display: block;
    font-size: 16px;
    color: var(--color-text-primary)
}

.bk__block-item span {
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
    color: var(--color-text-second);
    line-height: 1.3
}

.bk__block-item__footer {
    text-align: center
}

.bk__block-item__btn {
    display: inline-block;
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    transition-duration: 200ms;
    padding: 12px 16px;
    background: var(--gradient-cta-start);
    background: linear-gradient(90deg, var(--gradient-cta-start) 0%, var(--gradient-cta-start) 25%, var(--gradient-cta-end) 100%)
}

.block__button-lines {
    background: var(--bg-primary) url(../img/icons/button_lines.svg) repeat-x center;
    padding: 30px;
    text-align: center;
    margin-bottom: 50px
}

.block__button-lines span,.block__button-lines p,.block__button-lines a {
    color: var(--color-text-primary);
    font-weight: bold;
    font-size: 19px;
    line-height: 1.25
}

.hero {
	background: #ffffff;
    border: 2px solid linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%) !important;
    margin-bottom: 30px;
    margin-top: 50px;
    padding: 10px;
    position: relative;
    display: block
}

.hero p {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%
}

.hero img {
    position: relative;
    bottom: 0;
    right: 0;
    margin-left: -10px;
    margin-bottom: -10px;
    max-width: calc(100% + 20px);
    margin-top: 10px
}

.rates__list-item {
    margin-bottom: 20px;
    align-items: center
}

.rates__list-item:last-child {
    margin-bottom: 0
}

.rates__list-item__logo {
    margin-right: auto;
    max-width: 92px
}

.rates__list-item__button {
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    transition-duration: 200ms;
    padding: 12px 16px;
    margin-right: 20px
}

.rates__list-item__button:last-child {
    margin-right: 0
}

.rates__list-item__button--dark {
    background-color: var(--bg-primary)
}

.rates__list-item__button--red {
    background: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%);
 
}

.progress {
    width: 100%
}

.mt-14 {
    margin-top: 14px;
    display: block;
    width: 100%
}

.bk__full-block {
    padding: 15px;
    border: 1px solid var(--border-secondary);
    margin-bottom: 30px;
    flex-wrap: wrap
}

.bk__full-block__info b {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    font-weight: 500;
    color: var(--color-text-primary);
    margin-right: 10px
}

.bk__full-block__info span {
    display: inline-block;
    vertical-align: middle;
    color: var(--color-text-second);
    font-size: 15px;
    font-weight: 500
}

.bk__full-block__info span gray {
    color: var(--color-gray)
}

.bk__full-block__info-button {
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    transition-duration: 200ms;
    padding: 12px 16px;
    background-color: var(--bg-primary);
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px
}

.bk__full-block hr {
    border-color: var(--border-primary);
    margin: 20px -15px;
    width: calc(100% + 30px)
}

.bk__full-block ul {
    margin-left: 20px;
    margin-bottom: 20px
}

.bk__full-block__info {
    margin-top: 7px
}

.bk__full-block__bars {
    margin-top: 20px;
    margin-bottom: 20px
}

.bk__full-block__bars .d-flex {
    align-items: center
}

.bk__full-block__bars .progress {
    height: 10px
}

.bk__full-block__bars span {
    font-size: 15px;
    line-height: 1;
    color: var(--color-text-primary);
    margin-right: 10px
}

.bk__full-block__section {
    width: 100%
}

.bk__full-block__section-rates {
    margin-top: 20px
}

.bk__full-block__section-rates__item {
    margin-bottom: 20px;
    align-items: center
}

.bk__full-block__section-rates__item:last-child {
    margin-bottom: 0
}

.bk__full-block__section-rates__item i {
    font-size: 16px
}

.bk__full-block__section-rates__item span {
    margin-right: auto;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-primary)
}

.bk__full-block__title {
    margin-bottom: 20px;
    align-items: center
}

.bk__full-block__title svg {
    display: block
}

.bk__full-block__title b {
    font-weight: 500;
    font-size: 16px;
    margin-left: 5px;
    display: block
}

.bk__full-block__title--green {
    color: var(--color-text-exclusive)
}

.bk__full-block__title--green b {
    padding-top: 3px
}

.bk__full-block__title--green svg,.bk__full-block__title--green path {
    fill: var(--color-text-exclusive)
}

.bk__full-block__title--orange {
    color: #fff
}

.bk__full-block__title--orange b {
    padding-top: 3px
}

.bk__full-block__title--orange svg {
    margin-top: 3px;
    transform: rotate(180deg)
}

.bk__full-block__title--orange svg,.bk__full-block__title--orange path {
    fill: #fff
}

.bk__full-tags {
    overflow: hidden;
    overflow-x: auto;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-primary)
}

.bk__full-tags ul {
    width: max-content;
    margin: 0;
    padding: 0
}

.bk__full-tags ul li {
    list-style: none;
    margin-right: 20px
}

.bk__full-tags ul li:last-child {
    margin-right: 0
}

.bk__full-tags ul li a {
    color: var(--color-text-second);
    display: block;
    padding: 15px 0;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    min-width: 65px;
    text-align: center
}

.bk__full-tags ul li a:hover {
    color: #fff
}

.bk__full-tags ul li a:hover:after {
    content: "";
    background: url(/tpl/img/icons/mini-tabs.svg) no-repeat center top;
    width: 57px;
    height: 10px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.bk__full-tags ul li.active a {
    color: #fff
}

.bk__full-tags ul li.active a:after {
    content: "";
    background: url(/tpl/img/icons/mini-tabs.svg) no-repeat center top;
    width: 57px;
    height: 10px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%)
}

.bk__full-buttons {
    align-items: center;
}

.bk__block-margin {
    margin-top: 21px !important;
}

.bk__block-sin {
    border: 2px solid #d3d3d3;
    border-radius: 8px;
}

.iconrazmer {
    width: 30px;
    height: 28px;
}

.bk__block-sin-head{
    background: #36ade0;
    margin: 0;
}
.bk__full-buttons__button {
    margin-bottom: 20px;
    padding: 17px;
    cursor: pointer;
    text-align: center;
    position: relative;
    font-weight: 500;
    font-size: 15px;
    align-items: center;
    display: block;
    line-height: 1;
    height: 50px;
    margin-right: 0;
    justify-content: center;
}
.span-ozenki-single {
    font-size: 32px;
}
.bk__full-buttons__button:last-child {
    margin-right: 0
}

.bk__full-buttons__button svg,.bk__full-buttons__button img {
    margin-right: 10px
}

.bk__full-buttons__button--red {
    min-width: 300px;
    background-color: #36ade0;
}

.bk__full-buttons__button--prise {
    background-color: var(--bg-primary);
    color: var(--color-text-exclusive);
    border: 1px solid var(--border-secondary)
}

.bk__full-buttons__button--prise span {
    color: var(--color-text-exclusive)
}

.bk__full-buttons__button--prise svg path {
    fill: var(--color-text-exclusive)
}


.bk__full-head {
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 20px;
}

.bk__full-head .main__other-title {
    display: block;
    margin-bottom: 10px
}

.bk__full-image {
    max-width: 120px;
    overflow: hidden;
    display: block;
    margin-right: 20px;
    margin-bottom: 20px
}

.bk__full-image img {
    max-width: 100%;
      border-radius: 50%;
        width: 250px;
        max-height: 250px;
        object-fit: cover;
        min-height: 100px;

}
.reviews__list-rate--green {
    background-color: #28a745; /* Зеленый цвет */
}
 
.card-header .btn-link .show_game-container {
    max-width: 155px;
    width: 100%;
    display: flex;
    justify-content: end
}

.card-header .btn-link .show_game {
    color: var(--color-text-second);
    font-size: 14px;
    text-decoration: underline;
    padding-right: 20px
}

.card-header .btn-link.collapsed .tab {
    display: none !important
}

.card-header .btn-link.collapsed .game_tab {
    display: block !important
}

.card-header .btn-link .show_game.game_tab {
    display: none;
    white-space: nowrap
}

.card-header .btn-link .show_game.tab {
    display: block
}

.card-header .btn-link {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.card-header .btn-link .flag_img {
    width: 26px;
    height: 20px
}

.card-header .btn-link .del {
    color: var(--color-text-primary)
}

.card-header .btn-link .del:hover,.card-header .btn-link .del a:hover {
    color: #fff;
    max-width: inherit
}

.card-header .btn-link .del a,.card-header .btn-link .del .del_name {
    color: var(--color-text-primary);
    max-width: 310px;
    overflow: hidden;
    display: inline;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card-header .btn-link .del .del_name:hover {
    color: #fff
}

.stars i {
    font-size: 20px
}

.stars__out {
    position: relative;
    margin-right: 5px;
    color: var(--color-gray);
    z-index: 1
}

.stars__in {
    position: absolute;
    z-index: 2;
    color: var(--color-yellow);
    font-size: inherit;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    width: 0
}

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

.mt-96-i {
    margin-top: 96px !important
}

.t-left {
    text-align: left
}

.main__feedback--mini .main__feedback-header__title {
    font-size: 26px
}

.main .site_container .date_picker-left,.main .site_container .date_picker-right {
    padding: 5px 10px;
    background-color: var(--bg-primary);
    margin: 0 10px;
    cursor: pointer
}

.date_picker-container {
    display: flex
}

.date_picker-container input {
    padding-left: 30px;
    letter-spacing: 2px;
    width: 195px
}

.pagination {
 display: block !important;
    margin: 0 auto 15px auto !important;
    text-align: center !important;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.rates_block__star svg path {
    fill: #ffff00;
}

.pagination li {
    padding: 2px 10px;
    background-color: var(--bg-primary);
    margin: 0 4px !important
}

.pagination li.active {
    border: 1px solid var(--border-cta)
}

.pagination li:hover:after {
    background: none !important
}

.leagueProps {
    display: flex
}

.league__header .leagueProps {
    order: 1
}

.leagueProps .leagueProp {
    border-right: 1px solid var(--border-primary)
}

.leagueProps .leagueProp:first-child {
    padding-left: 0
}

.leagueProps .leagueProp:last-child {
    padding-right: 0;
    border: 0
}

.leagueProp {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-inline:24px;font-size: 16px;
    line-height: 1.2
}

.leagueProp__key {
    color: var(--color-text-second)
}

.leagueProp__value .progressBlk {
    margin-top: 5px
}

.leagueProp__notion {
    font-size: 13px;
    color: var(--color-text-second);
    margin-top: 6px
}

.leagueProp__notion i {
    font-style: normal;
    font-size: 15px;
    color: var(--color-text-primary)
}

.progressBlk {
    background-color: var(--bg-white-30);
    border-radius: 5px;
    overflow: hidden;
    height: 5px
}

.progressBlk__line {
    background-color: var(--color-text-exclusive);
    border-radius: 5px;
    height: 5px
}

.leagueSelect {
    position: relative;
    z-index: 2
}

.leagueProp__value .leagueSelect {
    margin-top: -7px;
    margin-left: -6px;
    margin-right: -1px
}

.leagueSelect__current {
    font-size: 16px;
    line-height: 1.2;
    color: var(--color-text-primary);
    padding: 5px 27px 5px 6px;
    border: 1px solid transparent;
    cursor: pointer
}

.leagueSelect__current::after {
    display: block;
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -3px;
    height: 0;
    width: 0;
    border-top: 5px solid var(--border-white);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

:hover>.leagueSelect__current {
    background-color: var(--bg-primary);
    color: var(--color-text-second);
    border: 1px solid var(--border-white-08)
}

:hover>.leagueSelect__current::after {
    transform: scale(-1, 1)
}

.leagueSelect__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: var(--bg-primary);
    border-left: 1px solid var(--border-white-08);
    border-right: 1px solid var(--border-white-08)
}

:hover>.leagueSelect__dropdown {
    display: block
}

.leagueSelect__item {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    color: var(--color-text-second);
    padding: 6px;
    cursor: pointer;
    border-bottom: 1px solid var(--border-white-08);
    font-size: 16px;
    line-height: 1.2;
    transition: color 300ms
}

.leagueSelect__item:hover {
    color: #fff
}

.league__header {
    display: grid;
    grid-template-columns: 120px auto;
    grid-template-rows: auto auto;
    gap: 30px;
    width: 100%;
    padding-top: 10px
}

.league__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    grid-area: 1 / 1 / 3 / 2;
    order: 1
}

.league__logo img {
    display: block;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.league__title {
    display: flex;
    align-items: center;
    gap: 12px
}

.league__title-name {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%
}

.league__title .fav_league {
    width: 21px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    cursor: pointer
}

.league__title .fav_league.active {
    background-image: url("/tpl/img/icons/star.svg")
}

.league__title-date {
    font-size: 16px;
    font-weight: bold;
    color: var(--color-text-primary);
    margin-bottom: 0
}

.tabsGlobal .tabContent {
    display: none
}

.tabsGlobal .tabContent.active {
    display: block
}

.tabHeader li.active a {
    color: #fff
}

.stats__label {
    padding: 7px;
    margin-right: 5px;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 12px;
    text-align: center
}

.stats__label:last-child {
    margin-right: 0
}

.stats__label-gray {
    background-color: var(--color-gray);
    color: var(--color-text-primary)
}

.stats__label-green {
    background-color: var(--color-text-exclusive);
    color: var(--color-text-invert)
}

.stats__label-red {
    background-color: var(--color-red);
    color: var(--color-text-primary)
}

.stats__label-lightgray {
    background-color: var(--bg-invert);
    color: var(--color-text-invert)
}

.stats__table {
    width: 100%;
    margin-top: 0
}

.stats__table th,.stats__table td {
    padding: 10px;
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 400
}

.stats__table thead {
    background-color: var(--bg-primary)
}

.stats__table a {
    color: var(--color-text-primary)
}

.stats__table a:hover {
    color: #fff
}

.stats__table tbody tr td {
    min-height: 32px
}

.stats__table tbody tr {
    border-bottom: 1px solid var(--border-primary)
}

.stats__table tbody tr.active {
    background-color: var(--bg-primary)
}

.stats__table.league .tablica_name {
    cursor: pointer
}

.stats__table.league .tablica_name a:hover {
    color: var(--color-text-primary)
}

.stats__table.league thead .fav_league,.stats__table.league tbody .fav_league,.stats__table.league tbody .fav_match {
    width: 20px;
    height: 20px;
    background-size: cover;
    cursor: pointer
}

.stats__table.league thead .fav_league.active,.stats__table.league tbody .fav_league.active,.stats__table.league tbody .fav_match.active {
    width: 20px;
    height: 20px;
    background: url("/tpl/img/icons/star.svg") no-repeat center;
    background-size: cover;
    cursor: pointer
}

.stats__table.league tbody tr td:nth-child(2) {
    border-right: none
}

.stats__table.league tbody tr td:nth-child(4) {
    border-right: 2px solid var(--border-primary)
}

.stats__table.league tbody tr th {
    border-bottom: 1px solid var(--border-primary)
}

.stats__table.league tr th svg {
    width: 20px;
    height: 20px
}

.stats__table.league .point_box-container {
    display: flex;
    justify-content: end
}

.stats__table.league .mobile__point-box {
    display: inline-grid
}

.stats__table.league .point_box {
    padding: 15px
}

.stats__table.league .excl_content {
    text-align: center
}

.stats__table.league .excl_content img {
    margin: 15px
}

.stats__table.league .head_flag {
    display: flex;
    align-items: center
}

.stats__table.league .league__head-name {
    margin-left: 20px
}

.stats__table.league .league__head-name .league_group {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0 !important
}

.stats__table.league .league__head-name .league_group-c {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0 !important
}

.stats__table.league .head_flag img {
    width: 28px;
    height: 20px
}

.stats__table.league .stats__table-leagues {
    width: 60%
}

.stats__table_league-name .d-flex,.stats__table-leagues .d-flex {
    align-items: center;
    gap: 15px
}

.stats__table.league .stats__table-leagues div span.active {
    color: var(--color-text-exclusive)
}

.card-body .stats__table .stats__table-leagues .league_icon {
    margin-right: 4px;
    margin-left: 4px
}

.stats__table.league_event .league__head-sub {
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase
}

.stats__table.league_event .stats__table-form {
    display: flex
}

.stats__table.league_event .stats__table-form .form_box,.main__prognoses-header .form_box {
    margin: 2px;
    width: 25px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.stats__table.league_event .stats__table-form .form_box.question {
    color: var(--color-text-primary);
    background-color: var(--color-gray)
}

.stats__table.league_event .stats__table-form .form_box.win,.main__prognoses-header .form_box.win {
    color: var(--color-text-invert);
    background-color: var(--color-text-exclusive)
}

.stats__table.league_event .stats__table-form .form_box.lose,.main__prognoses-header .form_box.lose {
    color: var(--color-text-primary);
    background-color: var(--color-red)
}

.stats__table.league_event .stats__table-form .form_box.draw,.main__prognoses-header .form_box.draw {
    color: var(--color-text-invert);
    background-color: var(--bg-invert)
}

.stats__table.league_event .stats__table-form_head,.stats__table.league_event .stats__table-form,.main__prognoses-header .stats__table-form {
    max-width: 180px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    justify-content: center
}

.stats__table.league_event .stats__table-form {
    padding: 2px
}

.stats__table.league_event .stats__table-league_head {
    max-width: 240px;
    width: 100%;
    text-transform: uppercase;
    padding: 10px 5px
}

.stats__table.league_event.league_table thead tr {
    padding: 0 4px
}

.stats__table.league_event.league_table .league_list-number {
    width: 42px !important
}

.stats__table.league_event.league_table .league_form-item {
    width: 41px
}

.stats__table.league_event .stats__table-leagues.name {
    max-width: 240px;
    width: 100%;
    padding: 10px 5px
}

.stats__table.league_event tbody tr {
    padding: 0 4px !important
}

.stats__table.league_event .box_fill {
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-primary)
}

.stats__table.league_event .forma__o-head {
    width: 40px;
    text-align: center;
    background-color: var(--bg-primary)
}

.stats__table.league_event .goal_head,.stats__table.league_event .goal_value {
    width: 50px;
    text-align: center;
    padding: 10px 0
}

.stats__table.league_event {
    font-size: 14px
}

.stats__table.league_event tbody tr:nth-last-child(1) {
    border-bottom: none
}

.table-responsive.card-body.ev.scroll_content,.tournament_tab .scroll_content {
    max-height: 700px;
    overflow: hidden;
    overflow-y: scroll
}

.stats__table.league_event.player tbody tr td img {
    width: 29px;
    height: 20px
}

.stats__table.league_event.player thead tr th:nth-child(1),.stats__table.league_event.player tbody tr td:nth-child(1) {
    max-width: 20%;
    width: 100%
}

.stats__table.league_event.player thead tr th:nth-child(2),.stats__table.league_event.player tbody tr td:nth-child(2),.stats__table.league_event.player thead tr th:nth-child(3),.stats__table.league_event.player tbody tr td:nth-child(3) {
    max-width: 30%;
    width: 100%
}

.stats__table.league_event.player thead tr th:nth-child(4),.stats__table.league_event.player tbody tr td:nth-child(4),.stats__table.league_event.player thead tr th:nth-child(5),.stats__table.league_event.player tbody tr td:nth-child(5) {
    max-width: 6%;
    width: 100%;
    margin: 0 2px
}

.stats__table.league_event.player thead {
    position: sticky;
    top: -20px
}

.site_container.match .first_command,.site_container.match .second_command {
    display: flex;
    align-items: center;
    padding: 20px 0
}

.site_container.match .first_command .win_star,.site_container.match .second_command .win_star,.team__head .win_star {
    width: 20px;
    height: 20px;
    background-size: cover
}

.site_container.match .first_command .win_star.active,.site_container.match .second_command .win_star.active {
    width: 20px;
    height: 20px;
    background: url("/tpl/img/icons/star.svg") no-repeat center;
    background-size: cover
}

.site_container.match .first_command .logo_name,.site_container.match .second_command .logo_name {
    width: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.site_container.match .first_command .logo_name a,.site_container.match .second_command .logo_name a {
    display: flex;
    flex-direction: column;
    align-items: center
}

.site_container.match .first_command .logo_name .league_name,.site_container.match .second_command .logo_name .league_name {
    font-size: 19px;
    font-weight: normal;
    line-height: 1.25;
    color: var(--color-text-primary);
    text-align: center;
    padding-top: 15px
}

.site_container.match .first_command .logo_name a:hover .league_name,.site_container.match .second_command .logo_name a:hover .league_name {
    color: #fff
}

.site_container.match .first_command.winner .league_name,.site_container.match .second_command.winner .league_name {
    font-weight: 800
}

.site_container.match .first_command .league_logo-container,.site_container.match .second_command .league_logo-container {
    width: 100px;
    height: 100px;
    padding: 10px;
    border: 1px solid var(--border-primary)
}

.site_container.match .first_command .league_logo-container img,.site_container.match .second_command .league_logo-container img {
    width: 100%;
    height: 100%
}

.site_container.match .main__prognoses-header .date_score-content {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center
}

.site_container.match .date_score-content .date_time {
    font-size: 15px;
    color: var(--color-text-second)
}

.site_container.match .date_score-content .full_scores {
    display: flex;
    font-size: 68px;
    line-height: 1.2;
    font-weight: bold;
    color: #fff;
    font-family: "Exo 2", sans-serif;
    padding: 5px 0
}

.site_container.match .date_score-content .main__rates-list__item-logo {
    width: 160px
}

.site_container.match .date_score-content .main__rates-list__item-logo .bet_btn {
    color: var(--color-text-primary);
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    transition-duration: 200ms;
    padding: 12px 15px;
    background: var(--gradient-cta-start);
    background: linear-gradient(90deg, var(--gradient-cta-start) 0%, var(--gradient-cta-start) 25%, var(--gradient-cta-end) 100%)
}

.site_container.match .date_score-content .main__rates-list__item-logo .bet_btn:hover {
    background: linear-gradient(90deg, var(--gradient-bttn-start) 0%, var(--gradient-bttn-start) 25%, var(--gradient-bttn-end) 100%)
}

.site_container.match .date_score-content .match__time {
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 500
}

.site_container.match .match__kefi-content {
    width: 100%;
    padding-bottom: 10px;
    display: flex;
    border-top: 1px solid var(--border-primary);
    padding-top: 15px
}

.site_container.match .match__kefi-icon {
    width: 25px;
    height: 25px;
    margin-right: 20px
}

.site_container.match .match__kefi-icon img {
    width: 25px;
    height: 25px
}

.site_container.match .match__kefi-content .progress {
    height: 13px;
    background-color: transparent;
    border-radius: 0
}

.site_container.match .match__kefi-content .match__kefi-progress {
    display: flex;
    flex-direction: column;
    width: 88%;
    padding: 0 60px
}

.site_container.match .match__kefi-content .match__kefi-progress__value {
    padding: 14px 0;
    display: flex;
    align-items: center
}

.site_container.match .match__kefi-content .match__kefi-progress__value .match__kefi-item {
    background-color: var(--bg-secondary);
    padding: 2px 6px;
    font-size: 14px;
    border-radius: 4px;
    width: 65px;
    text-align: center;
    margin-right: 4px;
    white-space: nowrap
}

.site_container.match .match__kefi-content .match__kefi-progress__value .match__kefi-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 65px
}

.site_container.match .match__kefi-content .progress .progress-bar_value {
    color: var(--color-text-invert);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1.5px
}

.site_container.match .match__kefi-content .progress .progress-bar {
    min-width: 65px
}

.site_container.match .match__kefi-content .progress .win__1 {
    background-color: var(--color-text-exclusive)
}

.site_container.match .match__kefi-content .progress .win__2 {
    background-color: var(--bg-blue)
}

.site_container.match .match__kefi-content .progress .win__no {
    background-color: var(--bg-white);
    margin: 0 5px
}

.stats__table.match .match_info {
    margin: 10px
}

.stats__table.match .match_main {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start
}

.stats__table.match .match_main.reverse {
    align-items: end
}

.stats__table.match .match_main.reverse .match_main-data,.stats__table.match .match_main.reverse .match_alter-player {
    display: flex;
    flex-direction: row-reverse
}

.stats__table.match .match_info.reverse {
    flex-direction: row-reverse
}

.stats__table.match .match_info {
    width: 100%
}

.stats__table.match tbody tr td:nth-child(2) {
    border-right: none
}

.stats__table.match .match_info,.stats__table.match .match_main-data {
    display: flex;
    align-items: center;
    padding: 5px 0
}

.text_table .stats__table .player_flag {
    display: flex;
    align-items: center
}

.text_table .stats__table .var_img img {
    width: 26px;
    height: 24px
}

.stats__table.match .match_info .match_info-status,.stats__table.match .match_main-data .match_main-status {
    margin: 0 4px;
    font-size: 14px;
    color: var(--color-text-primary)
}

.stats__table.match .match_info .match_info-player,.stats__table.match .match_main-data .match_main-player,.text_table .stats__table .match_info-num {
    margin: 0 4px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary)
}

.match_info-time {
    white-space: nowrap
}

.stats__table.match .match_info .match_info-time,.stats__table.match .match_main-data .match_main-time,.text_table .stats__table .match_info-time {
    font-size: 14px;
    font-weight: 600;
    margin: 0 4px
}

.stats__table.match .match_main .match_alter-player {
    margin: 0 4px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-primary);
    padding: 5px 0
}

.match_info-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    padding: 4px;
    min-width: 22px;
    min-height: 22px;
    box-shadow: inset 0 0 0 1px var(--border-white-75);
    color: var(--color-text-invert);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    line-height: 1.2
}

.match_info-count::before {
    display: block;
    width: 14px;
    height: 14px
}

.match_info-count.yellow_card::before {
    background-color: var(--color-yellow);
    content: ''
}

.match_info-count.red::before {
    background-color: var(--color-red);
    content: ''
}

.match_info-count svg {
    display: block
}

.match_main-count {
    margin: 0 5px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    padding: 4px 6px;
    white-space: nowrap;
    box-shadow: inset 0 0 0 1px var(--border-white-75)
}

.match_main-count svg {
    flex-shrink: 0
}

.stats__table.match tbody tr:nth-last-child(1) {
    border-bottom: none
}

.main__prognoses .stats__table.player_stats {
    font-size: 13px
}

.main__prognoses .stats__table.player_stats tbody tr td {
    max-width: 45px;
    width: 100%
}

.main__prognoses .stats__table.player_stats thead tr th:nth-child(1),.main__prognoses .stats__table.player_stats tbody tr td:nth-child(1) {
    max-width: 200px;
    width: 100%
}

.main__prognoses .stats__table.player_stats thead .large_width {
    max-width: 44px;
    width: 100%;
    text-align: center
}

.main__prognoses .stats__table.player_stats .less_width {
    max-width: 42px;
    width: 100%;
    text-align: center
}

.main__prognoses .stats__table.player_stats tbody tr:last-child {
    border-bottom: none
}

.main__prognoses .stats__table.player_stats tbody tr td:nth-child(2) {
    max-width: 50px;
    border-right: none
}

.main__prognoses .stats__table.player_stats .max_width {
    max-width: initial !important
}

.main__prognoses .stats__table.player_stats .fill_box {
    background-color: var(--bg-primary)
}

.coefficient_table .coefficient_head .bet_btn {
    width: 160px;
    color: var(--color-text-primary);
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    transition-duration: 200ms;
    padding: 12px 15px;
    background: var(--gradient-cta-start);
    background: linear-gradient(90deg, var(--gradient-cta-start) 0%, var(--gradient-cta-start) 25%, var(--gradient-cta-end) 100%)
}

.coefficient_table .coefficient_head .bet_btn:hover {
    background: linear-gradient(90deg, var(--gradient-bttn-start) 0%, var(--gradient-bttn-start) 25%, var(--gradient-bttn-end) 100%)
}

.coefficient_table .match_coefficient {
    display: flex;
    align-items: center
}

.coefficient_table .match_coefficient .coefficient_item-value {
    width: 78px;
    height: 49px;
    background-color: var(--bg-primary);
    font-size: 14px;
    padding: 2px 20px;
    margin: 0 4px;
    display: flex;
    justify-content: center;
    align-items: center
}

.coefficient_table .match_coefficient .coefficient_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-primary);
    font-size: 14px;
    padding: 2px 20px;
    margin: 0 4px;
    cursor: pointer
}

.coefficient_table .match_coefficient .coefficient_item p {
    margin-bottom: 0
}

.main__prognoses.team .site_container .team_tab .stats__table.league_event.league_table tbody tr th:first-child,.main__prognoses .site_container .tournament_tab .stats__table.league_event.league_table tbody tr th:first-child {
    width: 42px
}

.broadcasts_tab .broadcasts_container {
    width: 100%;
    height: 500px;
    background-color: var(--bg-primary)
}

.broadcasts_tab .broadcasts_container .broadcast_board {
    padding: 25px 30px;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../../tpl/stats/broadcast_field.png");
    background-repeat: no-repeat;
    background-position: center
}

.broadcasts_tab .broadcasts_container .broadcast_board:hover {
    background-image: url("../../tpl/stats/broadcast_field_hover.png")
}

.broadcasts_tab .broadcasts_container .broadcast_board .btn_link {
    width: 84px;
    height: 84px;
    margin: 0 6px 3px 0
}

.broadcasts_tab .broadcasts_container .broadcast_board .play_btn {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    position: absolute;
    margin: 0 6px 3px 0;
    background-image: url("../../tpl/stats/play.svg");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.broadcasts_tab .broadcasts_container .broadcast_board .play_btn:hover {
    background-image: url("../../tpl/stats/play_hover.svg")
}

.broadcasts_tab .broadcasts_footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.broadcasts_kefi {
    display: flex;
    align-items: center
}

.broadcasts_kefi-item {
    width: 75px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-right: 15px;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-primary);
    padding: 5px 4px
}

.b_kefi-title {
    font-weight: 500;
    font-size: 15px;
    width: 22px
}

.b_kefi-value {
    font-size: 14px
}

.broadcasts_tab .broadcasts_footer .broadcasts_logo {
    padding: 10px 0
}

.broadcasts_tab .broadcasts_footer .broadcasts_btn {
    width: 220px;
    text-align: center;
    cursor: pointer;
    color: var(--color-text-primary);
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    transition-duration: 200ms;
    padding: 12px 15px;
    margin-left: 15px;
    background: var(--gradient-cta-start);
    background: linear-gradient(90deg, var(--gradient-cta-start) 0%, var(--gradient-cta-start) 25%, var(--gradient-cta-end) 100%)
}

.broadcasts_tab .broadcasts_footer .broadcasts_btn:hover {
    background: linear-gradient(90deg, var(--gradient-bttn-start) 0%, var(--gradient-bttn-start) 25%, var(--gradient-bttn-end) 100%)
}

.stats__head-btns {
    display: flex;
    margin: 18px 0;
    width: 100%;
    overflow: hidden;
    overflow-x: auto
}

.stats__table .stats__head-btns {
    margin: 0
}

.stats__head-btns li {
    list-style-type: none;
    padding: 8px 10px;
    margin: 0 5px
}

.stats__head-btns li.active {
    background-color: var(--bg-secondary)
}

.stats__head-btns li a {
    color: var(--color-text-second);
    white-space: nowrap
}

.stats__table.stats tbody tr th {
    width: 50%;
    padding: 10px 2px
}

.stats__table.stats tbody tr th.reverse .progress {
    flex-direction: row-reverse
}

.stats__table.stats tbody tr th .progress {
    background-color: var(--bg-primary)
}

.stats__table.stats tbody tr th .progress .progress-bar {
    background-color: var(--bg-cta)
}

.stats__table.stats tbody tr th .stats_value {
    width: 100%;
    display: flex;
    justify-content: end
}

.stats__table.stats tbody tr th.reverse .stats_value {
    justify-content: start
}

.stats__table.stats tbody tr {
    position: relative;
    border-bottom: none !important
}

.stats__table.stats tbody tr .stats_row-title {
    position: absolute;
    width: 100%;
    top: 0;
    display: flex;
    justify-content: center
}

.stats__table .match_lineups-board {
    width: 100%;
    height: 100%
}

.stats__table.foot_board .match_lineups-board .lineups_board-player {
    width: 42px;
    height: 42px;
    object-fit: cover;
    border-radius: 15px
}

.wrapper_f {
    width: 100%;
    margin-top: 10px;
    padding: 5px 10px;
    background-color: var(--bg-secondary);
    border-radius: 5px
}

.wrapper_f .campo {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 0;
    margin: 10px auto;
    padding: 100% 0 0 0;
    background-color: var(--bg-secondary)
}

.interior,.divisoria,.semi1,.semi2,.corner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    border: 1px solid var(--border-primary)
}

.campo .divisoria:after,.campo .divisoria:before {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 100%;
    height: 0;
    margin-top: .5px;
    border: 0.5px solid var(--border-primary)
}

.campo .divisoria:before {
    left: 50%;
    width: 17%;
    height: 0;
    margin: -8% 0 0 -8%;
    margin-top: calc(-8% - 4px);
    margin-left: calc(-8% - .5px);
    padding-bottom: 17%;
    border-radius: 50%;
    border: 1px solid var(--border-primary)
}

.wrapper_f .campo:before,.wrapper_f .campo:after {
    content: "";
    position: absolute;
    top: 16%;
    left: 50%;
    margin: -16% 0 0 -15%;
    display: block;
    width: 30%;
    height: 8%;
    border: 1px solid var(--border-primary);
    z-index: 1
}

.wrapper_f .campo:after {
    left: 15%;
    margin: 76% 0 0 21%
}

.campo .interior:before,.campo .interior:after {
    content: "";
    position: absolute;
    top: 16%;
    left: 23%;
    margin: -16% 0 0 0;
    display: block;
    width: 55%;
    height: 16%;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-primary)
}

.campo .interior:after {
    left: 0;
    margin: 68% 0 0 23%
}

.campo .semi2:before {
    left: auto;
    right: 12%
}

.campo .semi1:after,.campo .semi2:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 16%;
    height: 0;
    margin: 8% 0 0 -7%;
    padding-bottom: 16%;
    border: 1px solid var(--border-primary);
    border-radius: 50%
}

.campo .semi2:after {
    left: 50%;
    margin: 76% 0 0 -8%
}

.campo .gk,.campo .cb,.campo .lb,.campo .lcb,.campo .rb,.campo .rcb,.campo .cwb,.campo .lwb,.campo .lcwb,.campo .rwb,.campo .rcwb,.campo .cm,.campo .lm,.campo .lcm,.campo .rm,.campo .rcm,.campo .cd,.campo .ld,.campo .lcd,.campo .rd,.campo .rcd,.campo .ca,.campo .la,.campo .lca,.campo .ra,.campo .rca,.campo .am,.campo .aml,.campo .amcl,.campo .amr,.campo .amcr,.campo .cf,.campo .lf,.campo .lcf,.campo .rf,.campo .rcf,.campo .cw,.campo .wl,.campo .wcl,.campo .wr,.campo .wcr,.campo .st {
    content: "";
    position: absolute;
    display: block;
    width: 1%;
    height: 1%;
    border-radius: 50%;
    z-index: 2
}

.campo .st {
    z-index: 3
}

.campo div img {
    position: absolute;
    top: -5px;
    left: -18px
}

.board_player-name {
    position: absolute;
    bottom: -47px;
    left: -40px;
    margin: 0 auto;
    letter-spacing: 0.5px
}

.board_player-name {
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    max-width: 85px;
    height: 18px;
    line-height: 18px;
    white-space: nowrap;
    background-color: black;
    padding: 1px 5px;
    border-radius: 4px
}

.board_player-name:hover {
    max-width: none
}

.stats__table.match_players thead tr th {
    width: 100%;
    text-align: center
}

.stats__table.match_players tbody .player_content {
    display: flex;
    align-items: center
}

.stats__table.match_players tbody .player_content .player_img img {
    width: 42px;
    height: 42px;
    object-fit: cover
}

.stats__table.match_players tbody .player_content .player_content-block {
    display: flex;
    flex-direction: column
}

.stats__table.match_players tbody .player_content .player_content-block .block_item {
    display: flex;
    align-items: center
}

.stats__table.match_players tbody .player_content.reverse {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.stats__table.match_players tbody .player_content.reverse .player_content-block .block_item {
    flex-direction: row-reverse
}

.bet_btn {
    padding: 8px 5px;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-primary)
}

.text_table .stats__table tbody tr td {
    border-right: none !important
}

.h2h_table-head {
    padding: 10px;
    background-color: var(--bg-primary)
}

.stats__table.h2h .status_fill_box,.stats__table.league .status_fill_box {
    width: 25px;
    height: 25px;
    font-size: 14px;
    text-align: center;
    line-height: 1.85
}

.stats__table.h2h .status_fill_box.fault,.stats__table.h2h .status_fill_box.lose,.stats__table.league .status_fill_box.lose {
    background-color: var(--color-red);
    color: var(--color-text-primary)
}

.stats__table.h2h .status_fill_box.win,.stats__table.league .status_fill_box.win {
    background-color: var(--color-text-exclusive);
    color: var(--color-text-invert)
}

.stats__table.h2h .status_fill_box.no_one,.stats__table.h2h .status_fill_box.draw,.stats__table.league .status_fill_box.draw {
    background-color: var(--bg-invert);
    color: var(--color-text-invert)
}

.stats__table.h2h .stats__table_league-name {
    max-width: 340px;
    width: 100%
}

.stats__table.h2h .stats__table_league-name .active {
    color: var(--color-text-exclusive)
}

.stats__table.h2h tbody tr td:nth-child(2) {
    border-right: none
}

.stats__table.h2h tbody tr:nth-last-child(1) {
    border-bottom: none
}

.stats__table.h2h tbody tr td:nth-child(1) {
    max-width: 80px;
    width: 100%
}

.stats__table.h2h .flag_img {
    width: 29px;
    height: 20px
}

.coefficient_table tbody tr td:nth-child(2) {
    border-right: none
}

.coefficient_table tbody tr td {
    border-right: none
}

.team__head {
    display: flex;
    align-items: center
}

.team__head .team__head-content {
    display: flex;
    flex-direction: column
}

.team__stadium-details {
    padding: 8px 20px
}

.team__head .team__head-content .team__name_star {
    display: flex;
    align-items: center
}

.team__head .team__name {
    font-size: 30px;
    font-weight: bold;
    margin: 0 20px
}

.team__head .team__logo {
    width: 100px;
    height: 100px;
    border: 1px solid var(--border-primary)
}

.team__head .team__logo img {
    width: 100%;
    height: 100%
}

.main__prognoses.team .main__prognoses-info {
    border-top: none
}

.stats__table.league .time_col {
    width: 110px
}

.stats__table.league tbody tr th:nth-child(1) {
    border-bottom: none
}

.stats__table.league tbody tr:last-child {
    border-bottom: none
}

.team_tab .team_transit-table {
    overflow: auto;
    overflow-x: scroll
}

.team_tab .team_transit-table .time_col {
    width: 130px
}

.team_tab .team_transit-table .transit_type {
    width: 160px
}

.team_tab .team_transit-table .stats__table.league .head_flag,.team_tab .team_transit-table .stats__table.league .stats__table-leagues {
    width: 270px
}

.team_tab .team_transit-table .stats__table.league .tablica_name {
    width: 180px
}

.team_tab .team_transit-table .transit_arrows img {
    width: 30px;
    height: 30px;
    border: 1px solid var(--border-primary);
    padding: 6px
}

.team_tab .stats__table.squad .tab_8 {
    width: 8%;
    text-align: center
}

.team_tab .stats__table.squad .stats__table-leagues {
    border-right: none
}

.team_tab .stats__table.squad .squad_number {
    width: 38px
}

.team_tab .stats__table-leagues.width_5 {
    width: 50% !important
}

.team_tab .stats__table.league thead .head_flag {
    width: 50%
}

.main__prognoses.player_page .player_page-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.main__prognoses.player_page .player_page-img,.main__prognoses.player_page .player_page-club {
    width: 100px;
    height: 100px;
    border: 1px solid var(--border-primary);
    margin-bottom: 30px
}

.main__prognoses.player_page .player_page-img img,.main__prognoses.player_page .player_page-club img {
    width: 100%;
    height: 100%
}

.main__prognoses.player_page .player_page-data {
    display: flex
}

.main__prognoses.player_page .player_page-name_content {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100px
}

.main__prognoses.player_page .player_page-name {
    font-size: 20px;
    color: var(--color-text-primary);
    font-weight: bold;
    padding-bottom: 15px
}

.main__prognoses.player_page .player_page-position,.main__prognoses.player_page .player_page-age {
    font-size: 15px;
    line-height: 1.6
}

.main__prognoses.player_page .player_page-position .bold_text,.main__prognoses.player_page .player_page-age .bold_text {
    font-weight: 700
}

.main__prognoses.player_page .last_match tbody tr td:nth-child(2),.main__prognoses.player_page .stats__table.injuries tbody tr td:nth-child(2) {
    border-right: none
}

.main__prognoses.player_page .last_match thead tr .player_point,.main__prognoses.player_page .last_match tbody tr .player_point {
    width: 35px;
    text-align: center
}

.main__prognoses.player_page .last_match .player_date,.main__prognoses.player_page .last_match .player_time_head {
    width: 100px
}

.main__prognoses.player_page .last_match .player_flag_head,.main__prognoses.player_page .last_match .player_flag {
    width: 50px
}

.main__prognoses.player_page .last_match .player_flag .flag_img {
    width: 29px;
    height: 20px
}

.main__prognoses.player_page .last_match .player_leagues,.main__prognoses.player_page .last_match .player_league_head {
    max-width: 280px;
    width: 100%
}

.main__prognoses.player_page .last_match .player_match_head,.main__prognoses.player_page .last_match .player_goals {
    width: 30px
}

.main__prognoses.player_page .last_match .player_shirt_head,.main__prognoses.player_page .last_match .player_shirt_value {
    width: 50px;
    text-align: center
}

.main__prognoses.player_page .last_match .player_status_head,.main__prognoses.player_page .last_match .status_fill_box {
    width: 25px;
    height: 25px;
    font-size: 14px;
    text-align: center;
    line-height: 1.85
}

.main__prognoses.player_page .last_match .status_fill_box.win {
    color: var(--color-text-invert);
    background-color: var(--color-text-exclusive)
}

.main__prognoses.player_page .last_match .status_fill_box.lose {
    color: var(--color-text-primary);
    background-color: var(--color-red)
}

.main__prognoses.player_page .last_match .status_fill_box.draw {
    color: var(--color-text-invert);
    background-color: var(--bg-invert)
}

.main__prognoses.player_page .last_match tbody tr td.active {
    background-color: var(--bg-primary)
}

.main__prognoses.player_page .stats__table.last_match.transitions .player_time_head,.main__prognoses.player_page .stats__table.last_match.transitions .player_date {
    width: 100px
}

.main__prognoses.player_page .stats__table.last_match.transitions .player_leagues,.main__prognoses.player_page .stats__table.last_match.transitions .player_league_head {
    max-width: 250px;
    width: 100%
}

.main__prognoses.player_page .stats__table.last_match.transitions .player_type,.main__prognoses.player_page .stats__table.last_match.transitions .player_transit_head {
    width: 120px;
    display: flex;
    align-items: center
}

.main__prognoses.player_page .stats__table.last_match.transitions .player_type-icon {
    width: 26px;
    height: 26px;
    border: 1px solid var(--border-primary);
    text-align: center;
    transform: rotate(180deg)
}

.main__prognoses.player_page .stats__table.injuries .player_time_head,.main__prognoses.player_page .stats__table.injuries .player_date {
    max-width: 20%;
    width: 100%
}

.main__prognoses.player_page .stats__table.injuries .player_injury_head,.main__prognoses.player_page .stats__table.injuries .player_injury {
    max-width: 40%;
    width: 100%;
    display: flex;
    align-items: center
}

.stats__table .stats__table-box_content.kefi {
    padding: 0;
    max-width: 200px !important
}

.stats__table .stats__table-box_content.kefi .stats__table-box.kefi_box {
    height: 25px;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-primary);
    margin: 0 2px 0 auto;
    padding: 0 4px;
    width: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 400
}

.stats__table .stats__table-box_content.kefi .stats__table-box.kefi_box .kf {
    font-weight: 400
}

.stats__table .stats__table-box_content.kefi .goal_container {
    display: flex;
    align-items: center;
    justify-content: end
}

.stats__table .stats__table-box_content.kefi .goal_container .active_goal {
    color: #fff
}

.stats__table .stats__table-box_content.kefi .goal_container .mobile_show {
    display: flex;
    margin-right: 5px
}

.card .card-body.kefi .stats__table .stats__table-content {
    display: flex;
    align-items: center
}

.main__rates-list__item-content .list-view .card-body.kefi {
    padding: 2px 0
}

.main__rates-list__item-content .list-view .card .card-header {
    background-color: var(--bg-primary);
    padding: 0
}

.card .card-header .stats_leagues-head {
    display: flex;
    align-items: center;
    width: 100%
}

.card .card-header .stats_leagues-head .del {
    display: flex;
    align-items: center
}

.card .card-header .stats_leagues-head .del .del_name {
    height: 32px;
    line-height: 32px
}

.card .card-header .stats_leagues-head .fav_league {
    width: 20px;
    height: 20px;
    background-size: cover;
    cursor: pointer
}

.card .card-header .stats_leagues-head .fav_league.active {
    background-image: url("/tpl/img/icons/star.svg")
}

.pin_league {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: url("/tpl/img/icons/pin_inactive.svg") no-repeat center;
    cursor: pointer;
    padding: 0 10px
}

.pin_league.active {
    background-image: url("/tpl/img/icons/pin_active.svg");
    background-size: contain
}

.pin_league:hover {
    box-shadow: 0 1px 13px var(--border-black)
}

.card .card-header .stats_kefi-content {
    max-width: 70px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-primary) !important;
    margin-left: 15px
}

.card .card-body .stats__table tbody tr:last-child {
    border-bottom: none
}

.main__prognoses.player_page .stats__table.last_match tbody tr td:last-child {
    margin-left: 3px !important
}

.main__prognoses.player_page .stats__table.last_match tbody .player_date.last_date {
    width: 100px;
    text-align: center
}

.footer_stats-text {
    padding: 30px;
    background-color: var(--bg-third);
    border: 1px solid var(--border-primary)
}

.footer_stats-text h2 {
    margin-bottom: 4px
}

.league_countries-btn {
    display: none
}

.bookmarks_container {
    display: flex;
    align-items: center
}

.bookmark_item {
    width: 150px;
    height: 150px;
    border-radius: 16px;
    position: relative;
    border: 3px solid var(--border-white-35);
    margin-right: 15px
}

.bookmark_item-badge {
    width: 52px;
    height: 30px;
    background-color: var(--bg-cta);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15px;
    left: 15px;
    color: var(--color-text-primary)
}

.bookmark_item-text {
    color: var(--color-text-primary);
    position: absolute;
    bottom: 10px;
    left: 13px;
    line-height: 1.2;
    font-size: 14px
}

.bookmark_item img {
    width: 100%;
    height: 100%;
    border-radius: 14px
}

#countries_card h5 {
    padding: 2px 4px
}

#countries_card h5:hover {
    background-color: var(--bg-primary)
}

#countries_card h5 .btn-link.collapsed {
    color: var(--color-text-second)
}

#countries_card h5 .btn-link {
    text-align: start;
    color: #fff
}

#countries_card .collapse.show {
    background-color: var(--bg-primary);
    padding: 0 6px
}

#countries_card .collapsing {
    background-color: var(--bg-primary);
    padding: 0 6px
}

#countries_card .collapse.show .card-body {
    padding: 5px 0
}

#countries_card .collapsing .card-body {
    padding: 5px 0
}

.star_list li:hover a {
    color: #fff
}

.stats__table-star {
    width: 20px;
    height: 20px;
    background-size: contain;
    cursor: pointer
}

.stats__table-star.active {
    background-image: url("/tpl/img/icons/star.svg")
}

.team__head .win_star.fav_team {
    width: 20px;
    height: 20px;
    background-size: cover;
    cursor: pointer
}

.team__head .win_star.fav_team.active {
    width: 20px;
    height: 20px;
    background: url("/tpl/img/icons/star.svg") no-repeat center;
    background-size: cover;
    cursor: pointer
}

.broadcasts_tab .broadcasts_container {
    width: 100%;
    height: 500px;
    background-color: var(--bg-primary)
}

.broadcasts_tab .broadcasts_container .broadcast_board {
    padding: 25px 30px;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("/tpl/stats/broadcast_field.png");
    background-repeat: no-repeat;
    background-position: center
}

.broadcasts_tab .broadcasts_container .broadcast_board:hover {
    background-image: url("/tpl/stats/broadcast_field_hover.png")
}

.broadcasts_tab .broadcasts_container .broadcast_board .play_btn {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    position: absolute;
    margin: 0 6px 3px 0;
    background-image: url("/tpl/stats/play.svg");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.broadcasts_tab .broadcasts_container .broadcast_board .play_btn:hover {
    background-image: url("/tpl/stats/play_hover.svg")
}

.broadcasts_tab .broadcasts_footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.broadcasts_container .broadcast_board .btn_link {
    width: 84px;
    height: 84px
}

.broadcasts_tab .broadcasts_footer .broadcasts_logo {
    padding: 10px 0
}

.broadcasts_tab .broadcasts_footer .broadcasts_btn {
    cursor: pointer;
    color: var(--color-text-primary);
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    transition-duration: 200ms;
    padding: 12px 15px;
    background: var(--gradient-cta-start);
    background: linear-gradient(90deg, var(--gradient-cta-start) 0%, var(--gradient-cta-start) 25%, var(--gradient-cta-end) 100%)
}

.broadcasts_tab .broadcasts_footer .broadcasts_btn:hover {
    background: linear-gradient(90deg, var(--gradient-bttn-start) 0%, var(--gradient-bttn-start) 25%, var(--gradient-bttn-end) 100%)
}

.main__seo .map-site .sitemap_item {
    padding: 2px 0;
    list-style: none
}

.main__seo .map-site .sitemap_item a {
    color: var(--color-text-primary);
    font-size: 16px;
    transition-duration: 200ms
}

.main__seo .map-site .sitemap_item a:hover {
    color: #fff
}

.star_list .fav_league {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    background-size: contain;
    cursor: pointer
}

.star_list .fav_league.active {
    background-image: url("/tpl/img/icons/star.svg")
}

.star_list li {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100% !important
}

.star_list li a {
    color: var(--color-text-second)
}

.scroll_container {
    position: sticky;
    padding: 3px 10px;
    z-index: 2;
    max-width: 100vw
}

.scroll_container ul {
    width: 100%;
    padding-block:18px;overflow-y: hidden;
    overflow-x: auto
}

.scroll_container ul li a {
    white-space: nowrap
}

.live_time .live_game {
    color: #fff
}

.live_time .live_game .apostrophe {
    font-size: 16px;
    animation: blink 1s step-start 0s infinite
}

@keyframes blink {
    50% {
        opacity: 0.0
    }
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(0.7);
    margin: 0;
    margin-right: 10px !important
}

span[data-href] {
    cursor: pointer
}

ul.star_list li {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 1200px) {
    .main__prognoses-header ul li .filter-vibor span {
        width:auto
    }

    .main__prognoses-header ul li .filter-vibor:hover span {
        width: auto
    }

    .main__rates .main__rates-list .main__rates-list__item {
        display: block
    }

  

    .main__rates .main__rates-list .main__rates-list__item .main__rates-list__item-content {
        width: 100%;
        display: flex;
        justify-content: space-evenly
    }

    .main__rates .main__rates-list .main__rates-list__item .main__rates-list__item-content .main__rates-list__item-info.main__rates-pay {
        width: 100%;
        justify-content: space-evenly
    }

    .main__rates .main__rates-list .main__rates-list__item .main__rates-list__item-content .main__rates-list__item-btn__default {
        width: 62px !important
    }

    .modal-dialog .my_fav_items {
        padding: 0 15px
    }

    .modal-dialog .my_fav_items .my_leagues-title {
        padding: 10px 0;
        text-align: start;
        font-size: 22px;
        line-height: 1
    }
}

@media screen and (max-width: 768px) {
    .league__header {
        display:flex;
        flex-wrap: wrap;
        gap: 16px 20px
    }

    .league__header .leagueProps {
        display: block;
        width: calc(100% - 130px - 20px)
    }

    .league__header .leagueProps .leagueProp {
        border-right: 0
    }

    .league__header .leagueProp {
        flex-direction: row;
        align-items: center;
        padding-inline:0;gap: 10px;
        margin-bottom: 8px
    }

    .league__header .leagueProp__key {
        width: 80px;
        flex-shrink: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .league__header .leagueProp__value {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px
    }

    .league__header .leagueProp__notion {
        margin-top: 0
    }

    .league__logo {
        width: 130px;
        height: 130px
    }

    .league__title {
        width: 100%
    }

    .main {
        margin-top: 15px
    }

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

    .site_container.mb-5 .h1.title {
        margin-top: 40px
    }

    .main .site_container .date_picker-container {
        width: 100%;
        justify-content: center;
        align-items: center
    }

    .main .site_wrapper .mobile__bet-modal.active {
        transform: translateY(8%);
        opacity: 1;
        pointer-events: unset
    }

    .mobile__bet-modal {
        padding: 0
    }

    .mobile__bet-modal .modal-dialog {
        max-width: 100%
    }

    .stats__table.league_event .forma__o-head {
        width: 36px
    }

    .stats__table-star {
        margin-left: 0
    }

    #leagueCountries {
        overflow-y: auto !important
    }

    #leagueCountries .modal-dialog .modal-header {
        position: sticky;
        top: 0;
        z-index: 46;
        background-color: var(--bg-primary);
        height: 60px
    }
}

@media screen and (max-width: 767px) {
    .main .site_container {
        flex-direction:column;
        margin-bottom: 10px
    }

    .main__rates .site_container {
        margin-bottom: 0
    }

    .main .statistics .mobile__bet-modal .site_container {
        flex-direction: row
    }

    .main .site_container input[type=date] {
        padding: 5px 10px;
        background-color: var(--bg-primary);
        color: var(--color-text-second);
        margin-top: 30px;
        width: 100%
    }

    .main .site_container .date_picker-left,.main .site_container .date_picker-right {
        margin-top: 30px
    }

    input[type="date"]::-webkit-calendar-picker-indicator {
        filter: invert(0.7);
        margin: 0;
        margin-right: 10px !important
    }

    .main .site_container input[type=date]:focus-visible {
        outline: none
    }

    .h1 {
        font-size: 18px
    }

    .main .site_container .card-body {
        padding: 1rem 5px
    }

    .main .site_container .card-body.commands_list {
        padding: 0 0 1rem
    }

    .main .site_container .card-body .stats__table-time {
        display: none;
        text-align: center
    }

    .main .site_container .card-body .stats__table-leagues {
        width: 280px
    }

    .stats__table_league-name .d-flex,.stats__table-leagues .d-flex {
        gap: 10px
    }

    .main .site_container .card-body .stats__table-box {
        width: 20px;
        text-align: center
    }

    .main .site_container .card-body .stats__table-box_content {
        width: 44px;
        display: flex;
        flex-wrap: wrap
    }

    .main .site_container .card-header .btn-link .mr-4 {
        margin-right: 2px !important
    }

    .main .site_container .card-header .btn-link .del {
        margin-left: 15px
    }

    .main .site_container .card-header .btn-link .flag {
        width: 25px;
        margin-left: 5px
    }
}

@media screen and (max-width: 540px) {
    .bookmarks_content {
        overflow:auto;
        overflow-x: scroll
    }

    .bookmarks_container {
        overflow: auto;
        overflow-x: scroll;
        padding: 10px 0;
        width: max-content
    }

    .league_btn-picker {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between
    }

    .league_countries-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 32px;
        margin: 30px 5px 0;
        background-color: var(--bg-primary);
        color: var(--color-text-second);
        font-size: 15px;
        font-weight: 500;
        padding: 5px 20px;
        border: 1px solid var(--border-secondary)
    }

    .league_countries-btn:focus-visible,.league_countries-btn:focus {
        outline: none;
        box-shadow: none
    }

    .bookmark_item {
        width: 100px;
        height: 100px;
        margin: 5px
    }

    .bookmark_item-text {
        left: 5px;
        font-size: 12px
    }

    .bookmark_item-badge {
        width: 32px;
        height: 22px;
        font-size: 12px
    }

    .main__prognoses .main__rates-list {
        padding: 0 10px
    }

    .main .site_container .card-header .btn-link .del {
        margin-left: 0;
        align-items: flex-start;
        display: inline-block
    }

    .main .site_container .card-header .del {
        font-size: 14px
    }

    .card-body.kefi .stats__table-box_content.kefi {
        display: table-cell;
        text-align: -webkit-right
    }

    .card .card-body.kefi .stats__table .stats__table-actions {
        display: table-cell;
        width: 85px;
        text-align: end;
        padding: 10px 5px
    }

    .card .card-body.kefi .stats__table .stats__table-actions--odds {
        display: none;
        width: 0;
        padding: 0
    }

    .card .card-body.kefi .stats__table .all_stats {
        display: none
    }

    .card .card-body.kefi .stats__table .stats__table-star {
        background-size: contain
    }

    .card-body .stats__table .stats__table-leagues .league_icon {
        margin-right: 6px;
        margin-left: 6px
    }

    .card .card-header .stats_leagues-head .del .del_name {
        height: 25px;
        line-height: 25px;
        max-width: 210px;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .card .card-header .btn-link .del a {
        max-width: 250px;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .league__title-name {
        font-size: 24px
    }

    .main__rates-list__item .main__rates-list__item-logo.rates_block__logo {
        max-width: 100px
    }

    .main__rates-list__item .main__rates-list__item-info.main__rates-pay {
        margin: 0 14px
    }

    .main__rates-list__item .main__rates-list__item-info.main__rates-pay .rates_block__star {
        width: 50px
    }

    .main__rates-list__item .main__rates-list__item-info.main__rates-pay .gift_width {
        min-width: 85px
    }

    .main__seo.index_seo .main__rates-list .main__rates-list__item .main__rates-list__item-content {
        justify-content: space-between
    }

    .site_container.match .first_command .league_logo-container,.site_container.match .second_command .league_logo-container {
        width: 80px;
        height: 80px
    }

    .site_container.match .first_command .logo_name,.site_container.match .second_command .logo_name {
        width: 130px;
        height: 100%
    }

    .site_container.match .date_score-content .full_scores {
        font-size: 58px
    }

    .stats__table.h2h.mob__h2h tbody tr td:nth-child(1) {
        width: 30%;
        display: table-cell
    }

    .stats__table.h2h.mob__h2h .flag_text {
        flex-direction: row;
        height: 67px;
        align-items: center;
        padding: 5px 12px
    }

    .team__head .team__head-content {
        max-width: 320px
    }

    .stats__table tbody tr td:nth-child(2) {
        border-right: none
    }

    .card-header .btn-link .show_game-container {
        max-width: 110px
    }
}

@media screen and (max-width: 480px) {
    .footer_stats-text h2 {
        font-size:22px;
        font-weight: 600;
        margin-bottom: 8px
    }

    .card .card-header .stats_leagues-head .del .del_name {
        max-width: 190px
    }

    .card .card-header .btn-link .del a {
        max-width: 190px
    }
}

@media screen and (max-width: 440px) {
    .stats__table.match .match_info {
        margin-inline:0
    }

    .modal-dialog .my_fav_items {
        padding: 0;
        margin: 0 4px
    }

    .mobile__bet-modal .modal-dialog {
        padding: 10px
    }

    .mobile__bet-modal .modal__body {
        padding: 10px 15px
    }

    .mobile__bet-modal .modal__body .gift_width {
        margin-right: 5px
    }

    .mobile__bet-modal .modal__body .modal__bet-section .main__rates-list__item .site_container {
        justify-content: space-between;
        margin: 0
    }

    .mobile__bet-modal .modal__body .gift_width svg {
        width: 18px;
        height: 18px
    }

    .main__prognoses-header ul li .filter-vibor {
        display: flex
    }

    .stats__table td,.stats__table th {
        padding: 10px
    }

    .stats__table.match .head_score {
        white-space: nowrap
    }

    .main__rates-list {
        padding: 0 !important
    }

    .main .site_container .card-header .btn-link .mr-4 {
        margin-right: 10px !important
    }

    .main .site_container .card-body .stats__table-box_content {
        height: 70px;
        justify-content: center
    }

    .main .site_container .card-header .del {
        font-size: 13px;
        margin-left: 0 !important
    }

    .main .site_container .card-header .btn-link .show_game {
        padding-right: 15px;
        text-align: end
    }

    .stats__table.league .point_box-container {
        display: none !important
    }

    .stats__table.league thead .tablica_name {
        padding: 10px 5px;
        display: flex
    }

    .stats__table.league tbody tr td:nth-child(2) {
        width: 60px
    }

    .stats__table.league .mobile__point-box {
        display: inline-grid
    }

    .table-responsive.card-body {
        padding: 8px
    }

    .stats__table.league .league__head-name .league_group,.stats__table.league .league_group,.stats__table.league .league_group-c {
        font-size: 12px
    }

    .stats__table.league .league__head-name {
        margin-left: 15px
    }

    .table-responsive.card-body.ev {
        overflow: hidden;
        overflow-x: auto
    }

    .stats__table.league_event {
        display: table
    }

    .stats__table.league_event thead tr:nth-child(1) {
        display: flex;
        width: 100%
    }

    .stats__table.league_event thead tr:nth-child(2) {
        display: flex;
        width: 100%
    }

    .stats__table.league_event thead tr:nth-child(3) {
        display: flex
    }

    .stats__table.league_event tbody {
        display: block;
        width: 100%
    }

    .stats__table.league_event tbody tr {
        display: flex;
        align-items: center
    }

    .stats__table.league .stats__table-leagues {
        width: 70%
    }

    .stats__table.league_event .mob_th {
        width: 34px
    }

    .stats__table.league_event .goal_head {
        max-width: 52px
    }

    .stats__table.league_event .goal_value {
        max-width: 56px
    }

    .site_container.match .first_command,.site_container.match .second_command {
        padding: 10px 0;
        align-items: flex-start
    }

    .site_container.match .first_command .win_star,.site_container.match .second_command .win_star {
        margin-top: 30px
    }

    .site_container.match .first_command .logo_name,.site_container.match .second_command .logo_name {
        width: 110px;
        height: 100%;
        justify-content: space-between
    }

    .site_container.match .first_command .logo_name .league_name,.site_container.match .second_command .logo_name .league_name {
        font-size: 16px
    }

    .site_container.match .date_score-content .date_time {
        font-size: 13px
    }

    .site_container.match .date_score-content .full_scores {
        font-size: 40px
    }

    .site_container.match .date_score-content {
        justify-content: space-between
    }

    .site_container.match .first_command .league_logo-container,.site_container.match .second_command .league_logo-container {
        width: 70px;
        height: 70px
    }

    .site_container.match .date_score-content .main__rates-list__item-logo {
        width: 130px;
        font-size: 12px;
        text-align: center
    }

    .site_container.match .date_score-content .main__rates-list__item-logo .bet_btn {
        font-size: 12px;
        padding: 10px;
        line-height: 1
    }

    .site_container.match .main__prognoses-header {
        padding-bottom: 10px
    }

    .site_container.match .match__kefi-content .match__kefi-progress {
        width: 75%;
        padding: 0
    }

    .site_container.match .match__kefi-icon {
        margin-right: 25px
    }

    .site_container.match .match__kefi-progress .progress {
        height: 17px
    }

    .main__prognoses .stats__table.player_stats {
        display: inline-grid
    }

    .main__prognoses .table-responsive .mob__grid {
        width: 100%;
        display: inline-grid
    }

    .stats__table.h2h tbody td {
        font-size: 13px
    }

    .stats__table.h2h .flag_text {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        height: 67px
    }

    .stats__table.h2h.mob__h2h {
        display: block;
        overflow: auto;
        overflow-x: scroll
    }

    .stats__table.h2h.mob__h2h tbody tr td:nth-child(1) {
        width: 25%;
        display: table-cell
    }

    .stats__table.h2h.mob__h2h .flag_text {
        flex-direction: row;
        margin: 0
    }

    .stats__table.foot_board tbody {
        display: flex;
        width: 400px;
        align-items: center;
        justify-content: center
    }

    .stats__table.foot_board tbody tr {
        width: 100%;
        display: grid
    }

    .stats__table.foot_board thead tr {
        display: flex;
        justify-content: space-between
    }

    .stats__table.match_players tbody tr {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between
    }

    .stats__table.match_players tbody tr th {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 12px
    }

    .stats__table.match_players tbody tr .player_content {
        padding: 10px 4px
    }

    .wrapper_f .campo {
        padding: 67% 0 67% 0
    }

    .wrapper_f .campo:before {
        top: 12%;
        left: 49%
    }

    .wrapper_f .campo:after {
        left: 15%;
        margin: 101.8% 0 0 20%
    }

    .campo .semi2:after {
        left: 50%;
        margin: 104% 0 0 -8%
    }

    .campo .interior:before {
        top: 12%;
        left: 22%
    }

    .campo .interior:after {
        left: 0;
        margin: 91.5% 0 0 23%
    }

    .campo .semi1:after {
        margin: 13% 0 0 -7%
    }

    .board_player-name {
        position: absolute;
        bottom: -38px;
        left: -35px;
        margin: 0 auto;
        font-size: 11px;
        font-weight: 300;
        max-width: 70px
    }

    .campo div img {
        width: 25px;
        height: 25px
    }

    .stats__table.foot_board .match_lineups-board {
        padding: 0
    }

    .stats__table.foot_board .match_lineups-board .lineups_board-player {
        width: 28px;
        height: 28px;
        object-fit: cover
    }

    .stats__table.match_players tbody .player_content .player_img img {
        width: 28px;
        height: 28px;
        object-fit: cover
    }

    .stats__table.foot_board .match_lineups-board .wrapper_f {
        padding: 0 5px
    }

    .team_tab .stats__table.league thead .head_flag {
        width: 220px
    }

    .stats__table.league .league__head-name .league_group,.stats__table.league .league__head-name .league_group-c {
        font-weight: 500;
        max-width: 160px;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .team_tab .table-responsive-md.card-body {
        overflow: auto;
        overflow-x: scroll
    }

    .team_tab .stats__table.league thead .tablica_name {
        display: block
    }

    .team_tab .stats__table.league tbody .time_value {
        display: table-cell;
        text-align: center
    }

    .stats__table.league_event.player tbody tr td:nth-child(1) {
        max-width: 13%
    }

    .stats__table.league_event.player tbody tr td:nth-child(2),.stats__table.league_event.player tbody tr td:nth-child(3) {
        max-width: 40%
    }

    .stats__table.league_event.player thead tr th:nth-child(1) {
        max-width: 15%
    }

    .stats__table.league_event.player thead tr th:nth-child(2),.stats__table.league_event.player thead tr th:nth-child(3) {
        max-width: 40%
    }

    .stats__table.league_event.player tbody tr td {
        height: 64px;
        display: flex;
        align-items: center
    }

    .stats__table.league tbody tr td:nth-child(4) {
        display: table-cell
    }

    .stats__table.league_event.league_table .stats__table-leagues.name {
        width: 240px !important;
        text-align: start
    }

    .stats__table.league_event.league_table tbody tr td,.stats__table.league_event.league_table thead tr th {
        width: 52px;
        text-align: center
    }

    .team_tab .team_transit-table .stats__table.league .head_flag,.team_tab .team_transit-table .stats__table.league .stats__table-leagues {
        width: 200px
    }

    .stats__table.league_event.league_table .stats__table-league_head {
        width: 240px !important;
        text-align: start
    }

    .stats__table.league_event.league_table .stats__table-form,.stats__table.league_event.league_table .stats__table-form_head {
        width: 180px !important;
        padding: 5px !important
    }

    .stats__table.league_event.league_table .box_fill,.stats__table.league_event.league_table .forma__o-head {
        width: 55px !important
    }

    .main__prognoses.player_page .player_page-data .player_page-img,.main__prognoses.player_page .player_page-header .player_page-club {
        width: 64px;
        height: 64px
    }

    .main__prognoses.player_page .player_page-data .player_page-name_content {
        max-width: 240px;
        height: auto
    }

    .main__prognoses.player_page .player_page-data .player_page-name_content .player_page-name {
        font-size: 16px;
        padding-bottom: 8px
    }

    .main__prognoses.player_page .player_page-data .player_page-name_content .player_page-position,.main__prognoses.player_page .player_page-data .player_page-name_content .player_page-age {
        font-size: 12px
    }

    #league_player .h3 {
        margin-left: 12px
    }

    .main__prognoses.player_page .site_container {
        overflow: auto;
        overflow-x: scroll
    }

    .main__prognoses.player_page .stats__table.last_match .player_leagues div {
        width: 180px;
        display: flex
    }

    .main__prognoses.player_page .site_container.player_container {
        overflow-x: auto
    }

    .main__prognoses.player_page .last_match tbody tr td:nth-child(2),.main__prognoses.player_page .stats__table.injuries tbody tr td:nth-child(2) {
        display: table-cell
    }

    .main__prognoses.player_page .stats__table.injuries .player_injury,.main__prognoses.player_page .stats__table.injuries .player_injury_head {
        max-width: 100%
    }

    .team__head .team__name {
        margin: 0 10px;
        font-size: 26px
    }

    .card-header .btn-link .show_game-container {
        max-width: 85px
    }

    .card-body.kefi .stats__table-box_content.kefi {
        display: table-cell;
        width: unset;
        height: unset;
        justify-content: center;
        flex-wrap: unset;
        align-items: center
    }

    .card-body.kefi .stats__table-box_content.kefi .stats__table-box {
        text-align: center
    }

    .stats__table .stats__table-box_content.kefi .stats__table-box.kefi_box {
        height: 22px;
        margin: 2px;
        font-size: 10px;
        width: 54px;
        font-weight: 400;
        line-height: 1
    }

    .card-body.kefi .stats__table .stats__table-leagues {
        max-width: 240px
    }

    .stats__table .stats__table-box_content.kefi {
        max-width: 100px
    }

    .list-view .card .card-header .stats_leagues-head .del a,.list-view .card .card-header .stats_leagues-head .del .del_name {
        max-width: 140px
    }

    .date_picker-container input {
        padding-left: 35px !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important
    }

    #leagueCountries {
        background-color: var(--bg-primary-90);
        overflow-y: hidden
    }

    #leagueCountries .modal-content {
        background-color: var(--bg-primary);
        padding: 10px
    }

    #leagueCountries .modal-content .btn-link.collapsed {
        color: var(--color-text-second);
        background: unset;
        font-size: 15px;
        line-height: 1.4;
        font-weight: 500
    }

    #leagueCountries .modal-content .btn-link {
        color: #fff;
        background-color: var(--bg-primary);
        width: 100%;
        text-align: start;
        padding-inline:5px}

    #leagueCountries .modal-content .modal-title {
        padding: 10px 4px;
        text-align: start;
        font-size: 22px;
        line-height: 1
    }

    .country_modal .star_list-letter {
        padding: 0 3px 0 6px;
        font-size: 20px;
        line-height: 1.2;
        font-weight: 600
    }

    .card-body.commands_list .star_list li a {
        font-weight: 300
    }

    #leagueCountries button.close {
        top: 0;
        right: 15px
    }

    #leagueCountries .modal-body {
        padding-inline:0}

    .bookmark_item-text {
        bottom: 8px;
        left: 10px;
        font-size: 11px;
        line-height: 1.1;
        height: auto
    }

    .stats__table.stats .stats__progress {
        display: flex !important;
        display: -webkit-flex !important
    }

    .star_list {
        list-style-type: none;
        padding-left: 8px
    }

    .star_list li {
        padding: 6px 0
    }

    .star_list a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: var(--color-text-primary);
        font-size: 15px
    }

    .star_list a img {
        width: 16px;
        height: 14px;
        margin-right: 3px
    }

    .modal-body.country_modal p+.collapse.show {
        border-top: 1px solid var(--border-white-15);
        background-color: var(--bg-primary)
    }

    .modal-body.country_modal .btn-link::after {
        content: '<';
        position: absolute;
        left: auto;
        right: 4px;
        transform: rotate(90deg);
        font-weight: 500
    }

    .modal-body.country_modal .collapsed.btn-link::after {
        content: '<';
        position: absolute;
        left: auto;
        right: 5px;
        transform: rotate(-90deg) !important;
        font-size: 14px;
        font-weight: 100
    }

    .card .card-body.kefi .stats__table .stats__table-star {
        background-size: contain;
        padding: 5px 11px !important
    }

    .card-header .btn-link.btn-block {
        padding: 10px
    }

    .card-body .stats__table .stats__table-leagues .league_icon {
        margin-right: 6px;
        margin-left: 2px
    }

    .coefficient_table .coefficient_head .bet_btn {
        width: 115px;
        padding: 10px;
        font-size: 12px;
        line-height: 1;
        font-weight: 500
    }

    .card .card-header .stats_leagues-head .del {
        align-items: start
    }

    .card .card-header .stats_leagues-head .del .del_name {
        height: 24px;
        line-height: 24px
    }

    .main__prognoses.player_page .stats__table.injuries .player_time_head,.main__prognoses.player_page .stats__table.injuries .player_date {
        max-width: 29%;
        width: 100%
    }

    .broadcasts_tab .broadcasts_container {
        width: 100%;
        height: 300px
    }

    .broadcasts_tab .broadcasts_container .broadcast_board {
        background-size: contain
    }

    .broadcasts_tab .broadcasts_container .broadcast_board .btn_link {
        width: 52px;
        height: 52px;
        margin: 0 4px 2px 0
    }

    .broadcasts_tab .broadcasts_container .broadcast_board .play_btn {
        width: 52px;
        height: 52px;
        margin: 0 4px 2px 0;
        background-size: contain
    }

    .broadcasts_tab .broadcasts_footer {
        flex-direction: column
    }

    .broadcasts_tab .broadcasts_footer .broadcasts_logo {
        padding: 15px 0
    }

    .broadcasts_container .broadcast_board .btn_link {
        width: 52px;
        height: 52px;
        margin: 0 4px 2px 0
    }

    #my_favs {
        display: none
    }

    h1.h1 {
        width: 100%;
        height: auto
    }

    .team__stadium-details {
        padding: 6px 10px;
        font-size: 12px
    }

    .main__prognoses .stats__table.player_stats .player_stats-item {
        display: flex;
        justify-content: space-between
    }

    .main__rates-list__item .main__rates-list__item-logo.rates_block__logo {
        max-width: 80px
    }

    .main__rates-list__item .main__rates-list__item-info.main__rates-pay {
        margin: 0 14px
    }

    .main__seo.index_seo .main__rates-list .main__rates-list__item .main__rates-list__item-content {
        justify-content: space-between
    }

    .main__rates-list__item .main__rates-list__item-info.main__rates-pay .rates_block__star {
        width: 50px
    }

    .team__head .team__head-content {
        max-width: 270px
    }

    .league__header .league__title-name .fav_league,.league__header .league__title-name .fav_league.active {
        width: 40px;
        background-size: contain
    }
}

@media screen and (max-width: 400px) {
    .broadcasts_tab .broadcasts_container {
        width:100%;
        height: 300px
    }

    .broadcasts_tab .broadcasts_container .broadcast_board {
        background-size: contain
    }

    .broadcasts_tab .broadcasts_container .broadcast_board .play_btn {
        width: 52px;
        height: 52px;
        margin: 0 4px 2px 0;
        background-size: contain
    }

    .broadcasts_tab .broadcasts_footer {
        flex-direction: column
    }

    .broadcasts_tab .broadcasts_footer .broadcasts_logo {
        padding: 15px 0
    }

    .broadcasts_container .broadcast_board .btn_link {
        width: 52px;
        height: 52px;
        margin: 0 4px 2px 0
    }

    .main .site_container .card-body .stats__table-leagues {
        font-size: 12px;
        padding: 10px 6px
    }

    .card-body.kefi .stats__table-box_content.kefi {
        margin: 2px 0
    }

    .card-body.kefi .stats__table-box_content.kefi .stats__table-box.kefi_box {
        height: 20px;
        font-size: 10px;
        width: 54px;
        font-weight: 400;
        line-height: 1
    }

    .team_tab .stats__table.league thead .head_flag {
        width: 200px
    }

    .stats__table tbody tr td {
        border-bottom: none !important
    }

    .stats__table tbody tr {
        border-bottom: 1px solid var(--border-primary)
    }

    .stats__table td {
        padding: 5px
    }

    .stats__table td.stats__table-star {
        padding-inline:10px}

    .card-body.kefi .stats__table .stats__table-time {
        font-size: 12px
    }

    .list-view .card .card-header .stats_leagues-head .del a {
        max-width: 140px;
        font-size: 12px
    }

    .main__prognoses .site_container.match {
        margin: 5px
    }

    .site_container.match .first_command .logo_name .league_name,.site_container.match .second_command .logo_name .league_name {
        font-size: 14px
    }

    .site_container.match .first_command .logo_name .stats__table-form .form_box,.site_container.match .second_command .logo_name .stats__table-form .form_box {
        width: 20px;
        height: 20px;
        font-size: 14px
    }

    .site_container.match .date_score-content .main__rates-list__item-logo {
        width: 100%
    }

    .site_container.match .date_score-content .date_time {
        text-align: center
    }

    .site_container.match .date_score-content .main__rates-list__item-logo .bet_btn {
        font-size: 11px;
        padding: 8px 5px;
        line-height: 1.1
    }

    .site_container.match .first_command .win_star,.site_container.match .second_command .win_star {
        margin: 30px 0 0 !important
    }

    .stats__table.h2h.mob__h2h .flag_text {
        margin: 0
    }

    .stats__table.league_event.league_table .stats__table-leagues.name {
        text-align: start
    }

    .stats__table.league_event.league_table .box_fill,.stats__table.league_event.league_table .forma__o-head {
        height: 40px
    }

    .coefficient_table .coefficient_head .bet_btn {
        width: 100px;
        padding: 8px 5px;
        font-size: 11px;
        line-height: 1.1
    }

    .date_picker-container input {
        padding: 7px 2px 5px 20px !important;
        width: 190px !important
    }

    .main__prognoses.player_page .stats__table.injuries .player_date,.main__prognoses.player_page .stats__table.injuries .player_injury {
        padding-left: 10px !important
    }

    .broadcasts_tab .broadcasts_container {
        width: 100%;
        height: 250px
    }

    .broadcasts_tab .broadcasts_container .broadcast_board .play_btn {
        width: 46px;
        height: 46px;
        margin: 0 3px 1px 0;
        background-size: contain
    }

    .broadcasts_container .broadcast_board .btn_link {
        width: 46px;
        height: 46px;
        margin: 0 3px 1px 0
    }

    .main__rates-list__item .main__rates-list__item-logo.rates_block__logo {
        max-width: 75px
    }

    .main__rates-list__item .main__rates-list__item-info.main__rates-pay {
        margin: 0 10px
    }

    .main__rates-list__item .main__rates-list__item-info.main__rates-pay .gift_width {
        max-width: 85px;
        width: 100%
    }

    .main__rates .main__rates-list .main__rates-list__item .main__rates-list__item-content .main__rates-list__item-btn__default {
        width: 30px !important
    }
}

@media screen and (min-width: 767px) {

    .main .site_container input[type=date]:focus-visible {
        outline: none
    }

    .main .site_container .countries .btn-link {
        padding: 0;
        color: var(--color-text-second);
        text-decoration: none
    }

    .main .site_container .countries .btn-link::after {
        content: '<';
        position: absolute;
        left: 100px;
        transform: rotate(90deg)
    }

    .main .site_container .card-body {
        padding: 1.25rem 0
    }

    .commands_list-add_btn {
        background-color: var(--bg-secondary);
        padding: 10px 15px;
        max-width: 190px;
        font-size: 15px;
        cursor: pointer
    }

    .main .site_container .stats__table tbody {
        width: 100%
    }

    .main .site_container .stats__table tbody tr td {
        border-bottom: none
    }

    .main .site_container .stats__table tr {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid var(--border-primary)
    }

    .main .site_container .stats__table-time {
        width: 100px;
        text-align: center
    }

    .card-header .btn-link .del a,.card-header .btn-link .del .del_name {
        max-width: 235px
    }

    .main .site_container .stats__table-leagues {
        width: 260px;
        display: flex;
        flex-direction: column
    }

    .main .site_container .stats__table-leagues div span.active {
        color: var(--color-text-exclusive)
    }

    .main .site_container .stats__table-box {
        width: 30px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .main .site_container .stats__table-box_content {
        max-width: 250px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: end
    }

    .main .site_container .stats__table-actions {
        max-width: 100px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 5px
    }

    .main__rates-list__item-logo span {
        display: inline-block !important
    }

    .main__other {
        background-color: var(--bg-primary-57);
        margin-bottom: 50px;
        margin-top: 20px
    }

    .main__other-filters__list input {
        margin-right: 10px
    }

    .main__other-title__btn span,.main__other-title__btn img {
        display: inline-block;
        vertical-align: middle
    }

    .main__other-title__btn img {
        margin-right: 5px
    }

    .main__other-list ul li:last-child {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1200px) {
    .bk__full-block {
        padding:30px
    }

    .bk__full-block__bars {
        margin-top: 0;
        margin-bottom: 0
    }

    .bk__full-block hr {
        border-color: var(--border-primary);
        margin: 20px -30px;
        width: calc(100% + 60px)
    }

    .bk__full-block__section {
        width: 50%;
        padding-left: 20px
    }

    .bk__full-block__section-rates {
        margin-top: 10px
    }

    .bk__full-block__section:first-child {
        padding-left: 0
    }

    .bk__full-buttons__button {
        margin-bottom: 0;
        margin-right: 20px
    }

    .bk__full-head {
        margin-bottom: 20px
    }

    .bk__full-image {
        margin-bottom: 0
    }

    .bk__block {
        overflow-x: hidden
    }

    .bk__block ul {
        margin: 0px 10px 0px 20px;
    }

    .bk__block-list {
        flex-wrap: wrap;
        width: auto
    }

    .bk__block-item {
        width: calc(33.3% - 40px)
    }

    .block__button-lines {
        text-align: left
    }

    .block__button-lines span,.block__button-lines p,.block__button-lines a {
        font-size: 30px;
        line-height: 1.2
    }

    .site_wrapper {
        max-width: 1290px;
        width: 100%;
        margin: 0 auto;
        padding: 0 30px
    }

    .footer__copy {
        margin-top: 0
    }

    .footer__copy a {
        margin-left: auto
    }

    .footer__text {
        margin-left: 30px
    }

    .footer__columns {
        width: 100%
    }

    .mt-20 {
        margin-top: 30px
    }

    .h3 {
        font-size: 30px
    }

    .h1 {
        font-size: 50px
    }

    .main__rates,.main__prognoses,.main__feedback,.main__seo,.main__experts,.main__other,.main .bk__block {
        margin-top: 0px;
    }

    .main__rates .site_container,.main__prognoses .site_container,.main__feedback .site_container,.main__seo .site_container,.main__experts .site_container,.main__other .site_container,.main .bk__block .site_container {
        margin: 0 30px
    }

    .main__rates .site_container input[type=date],.main__prognoses .site_container input[type=date],.main__feedback .site_container input[type=date],.main__seo .site_container input[type=date],.main__experts .site_container input[type=date],.main__other .site_container input[type=date],.main .bk__block .site_container input[type=date] {
        background-color: var(--bg-primary);
        color: var(--color-text-second);
        border: 1px solid var(--border-primary)
    }

    .main__rates .site_container input[type=date]:focus-visible,.main__prognoses .site_container input[type=date]:focus-visible,.main__feedback .site_container input[type=date]:focus-visible,.main__seo .site_container input[type=date]:focus-visible,.main__experts .site_container input[type=date]:focus-visible,.main__other .site_container input[type=date]:focus-visible,.main .bk__block .site_container input[type=date]:focus-visible {
        outline: none
    }

    .main__rates .site_container .countries .btn-link,.main__prognoses .site_container .countries .btn-link,.main__feedback .site_container .countries .btn-link,.main__seo .site_container .countries .btn-link,.main__experts .site_container .countries .btn-link,.main__other .site_container .countries .btn-link,.main .bk__block .site_container .countries .btn-link {
        padding: 0;
        color: var(--color-text-second);
        text-decoration: none
    }

    .main__rates .site_container .countries .btn-link::after,.main__prognoses .site_container .countries .btn-link::after,.main__feedback .site_container .countries .btn-link::after,.main__seo .site_container .countries .btn-link::after,.main__experts .site_container .countries .btn-link::after,.main__other .site_container .countries .btn-link::after,.main .bk__block .site_container .countries .btn-link::after {
        content: '<';
        position: absolute;
        left: 95%;
        transform: rotate(90deg)
    }

    .main__rates .site_container .countries .collapsed.btn-link::after,.main__prognoses .site_container .countries .collapsed.btn-link::after,.main__feedback .site_container .countries .collapsed.btn-link::after,.main__seo .site_container .countries .collapsed.btn-link::after,.main__experts .site_container .countries .collapsed.btn-link::after,.main__other .site_container .countries .collapsed.btn-link::after,.main .bk__block .site_container .countries .collapsed.btn-link::after {
        content: '<';
        position: absolute;
        left: 95%;
        transform: rotate(-90deg) !important
    }

    .main__rates .site_container .card-body,.main__prognoses .site_container .card-body,.main__feedback .site_container .card-body,.main__seo .site_container .card-body,.main__experts .site_container .card-body,.main__other .site_container .card-body,.main .bk__block .site_container .card-body {
        padding: 1.25rem 0
    }

    .main__other .site_container .commands_list ul li {
        display: flex;
        gap: 15px;
        white-space: wrap;
        height: auto
    }

    .main__rates .site_container .stats__table tbody,.main__prognoses .site_container .stats__table tbody,.main__feedback .site_container .stats__table tbody,.main__seo .site_container .stats__table tbody,.main__experts .site_container .stats__table tbody,.main__other .site_container .stats__table tbody,.main .bk__block .site_container .stats__table tbody {
        width: 100%
    }

    .main__rates .site_container .stats__table tr,.main__prognoses .site_container .stats__table tr,.main__feedback .site_container .stats__table tr,.main__seo .site_container .stats__table tr,.main__experts .site_container .stats__table tr,.main__other .site_container .stats__table tr,.main .bk__block .site_container .stats__table tr {
        padding: 4px 0;
        display: flex;
        width: 100%;
        align-items: center;
        border-bottom: 1px solid var(--border-primary)
    }

    .main__rates .site_container .stats__table-time,.main__prognoses .site_container .stats__table-time,.main__feedback .site_container .stats__table-time,.main__seo .site_container .stats__table-time,.main__experts .site_container .stats__table-time,.main__other .site_container .stats__table-time,.main .bk__block .site_container .stats__table-time {
        width: 100px
    }

    .main__rates .site_container .stats__table-leagues,.main__prognoses .site_container .stats__table-leagues,.main__feedback .site_container .stats__table-leagues,.main__seo .site_container .stats__table-leagues,.main__experts .site_container .stats__table-leagues,.main__other .site_container .stats__table-leagues,.main .bk__block .site_container .stats__table-leagues {
        width: 260px;
        display: flex;
        flex-direction: column
    }

    .main__rates .site_container .stats__table-leagues div span.active,.main__prognoses .site_container .stats__table-leagues div span.active,.main__feedback .site_container .stats__table-leagues div span.active,.main__seo .site_container .stats__table-leagues div span.active,.main__experts .site_container .stats__table-leagues div span.active,.main__other .site_container .stats__table-leagues div span.active,.main .bk__block .site_container .stats__table-leagues div span.active {
        color: var(--color-text-exclusive)
    }

    .main__rates .site_container .stats__table-box_content,.main__prognoses .site_container .stats__table-box_content,.main__feedback .site_container .stats__table-box_content,.main__seo .site_container .stats__table-box_content,.main__experts .site_container .stats__table-box_content,.main__other .site_container .stats__table-box_content,.main .bk__block .site_container .stats__table-box_content {
        max-width: 210px
    }

    .main__rates .site_container .stats__table-actions,.main__prognoses .site_container .stats__table-actions,.main__feedback .site_container .stats__table-actions,.main__seo .site_container .stats__table-actions,.main__experts .site_container .stats__table-actions,.main__other .site_container .stats__table-actions,.main .bk__block .site_container .stats__table-actions {
        max-width: 110px
    }

    .main .bk__block {
        padding: 30px
    }

    .main .hero {
        padding: 30px;
        border: 1px solid var(--border-primary)
    }

    .main .hero img {
        margin-bottom: 0
    }

    .main__other-list ul.d-xl-block {
        margin: 0
    }

    .main__other-list ul.d-xl-block li {
        width: 100%;
        margin: unset;
        margin-bottom: 10px
    }

    .main__other-list ul.d-xl-block li:last-child {
        margin-bottom: 0
    }

    .main__prognoses-list {
        overflow-x: hidden
    }

    .main__feedback form button {
        width: 137px
    }

    .header-controls {
        margin-left: auto
    }

    .header-logotype {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 767px) {
    .d-md-none {
        display:none
    }

    .d-md-block {
        display: block
    }

    .d-md-inline {
        display: inline-block
    }

    .d-md-flex {
        display: flex
    }
}

@media screen and (min-width: 1200px) {
    .d-xl-none {
        display:none
    }

    .d-xl-block {
        display: block
    }

    .d-xl-inline {
        display: inline-block
    }

    .d-xl-flex {
        display: flex
    }
}

@media screen and (min-width: 1679px) {
    .d-xxl-none {
        display:none
    }

    .d-xxl-block {
        display: block
    }

    .d-xxl-inline {
        display: inline-block
    }

    .d-xxl-flex {
        display: flex
    }
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
    .mobile_header.tablet_header {
        display:flex !important
    }
}

.spoil-text {
    display: inline-flex;
    align-items: center
}

@media screen and (max-width: 540px) {
    .spoil-text {
        max-width:290px
    }
}

@media screen and (max-width: 440px) {
    .spoil-text {
        max-width:unset
    }
}

.spoil-text__short {
    display: block;
    white-space: nowrap
}

.open .spoil-text__short {
    display: none
}

.spoil-text__full {
    display: none
}

.open .spoil-text__full {
    display: block
}

@media screen and (max-width: 540px) {
    .open .spoil-text__full {
        display:contents;
        white-space: normal
    }
}

.spoil-text__dots {
    display: block;
    text-align: center;
    width: 32px;
    height: 24px;
    margin: -4px -9px -9px -9px;
    color: var(--color-text-primary)
}

@media screen and (max-width: 540px) {
    .spoil-text__dots {
        margin:0 0 -15px -6px
    }
}

.spoil-text__dots.up_dots {
    margin: -10px 0 -20px -6px
}

.spoil-text__dots::before {
    display: inline-block;
    content: ' ...'
}

.open .spoil-text__dots {
    display: none
}

.scroller {
    overflow-x: scroll;
    overflow-y: hidden
}

.scroller__top {
    position: absolute;
    height: 20px;
    overflow-x: scroll
}

.scroller__fake {
    height: 1px
}

.scroller__content.stats__table {
    margin-top: 20px
}

.parser__events-event__title-table img {
    transition-duration: 200ms
}

.parser__events-event.disabled .parser__events-event__title-table img {
    transform: rotate(180deg)
}

.parser__events-event.disabled .parser__events-subs {
    display: none
}

.parser__events-event.disabled .parser__events-event__title {
    border-bottom: 1px solid var(--border-primary)
}

.parser__events-event__title {
    background-color: var(--bg-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    padding: 10px;
    color: var(--color-text-primary)
}

.parser__events-event__title b {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2
}

.parser__events-event__title b a {
    color: var(--color-text-primary);
    transition-duration: 200ms
}

.parser__events-event__title b a:hover {
    color: #fff
}

.parser__events-event__title span {
    color: var(--color-text-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    text-transform: capitalize
}

.parser__events-event__title-table span {
    color: var(--color-text-second);
    text-decoration: underline
}

.parser__events img {
    width: 30px
}

.parser__events-w90 {
    width: 90px;
    padding: 10px
}

.parser__events-w231 {
    padding: 10px;
    width: 231px
}

.parser__events-w30 {
    margin-right: 20px;
    width: 30px
}

.parser__events-sub {
    border-top: 1px solid var(--border-primary);
    padding: 10px
}

.parser__events-sub__date {
    width: 90px;
    padding: 10px;
    text-align: center;
    color: var(--color-text-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2
}

.parser__events-sub__teams {
    width: 231px;
    color: var(--color-text-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2
}

.parser__events-sub__score span {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: var(--color-text-primary);
    margin-right: 30px
}

.parser__events-sub__score span:last-child {
    margin-right: 0
}

.parser__events-sub__score span:first-child {
    font-weight: 700
}

.parser__events-sub__btns a {
    background-color: var(--bg-primary);
    padding: 10px;
    font-weight: 400;
    color: var(--color-text-second);
    transition-duration: 200ms;
    line-height: 1;
    font-size: 15px;
    margin-right: 10px
}

.parser__events-sub__btns a:hover {
    color: var(--color-text-primary)
}

.parser__events-sub__btns a:last-child {
    margin-right: 0
}

.parser__events-sub__teams a {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: var(--color-text-primary)
}

.stats__card-header__team b {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    display: block;
    text-align: center;
    color: var(--color-text-primary)
}

.stats__card-header__info {
    text-align: center
}

.stats__card-header__info span {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    color: var(--color-text-second);
    display: block
}

.stats__card-header__info big {
    font-family: 'Exo 2';
    font-weight: 700;
    font-size: 60px;
    line-height: 1.2;
    display: block;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-text-primary);
    margin-bottom: 15px
}

.stats__card-header__info b {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--color-text-second);
    display: block
}

.stats__card-info__header {
    background-color: var(--bg-primary);
    border-bottom: 1px solid var(--border-primary);
    font-weight: 400;
    font-size: 13px;
    line-height: 1.2;
    display: block;
    color: var(--color-text-primary);
    padding: 10px;
    margin-bottom: 15px
}

.stats__card-info__item {
    padding: 5px 10px
}

.stats__card-info__item img {
    margin-right: 5px
}

.stats__card-info__item-left span {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: var(--color-text-primary)
}

.stats__card-info__item-right b {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    color: var(--color-text-primary)
}

.stats__card-coefficients div {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-white-08);
    padding: 2px 20px;
    margin-right: 5px
}

.stats__card-coefficients div:last-child {
    margin-right: 0
}

.stats__card-coefficients b {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.25;
    display: block;
    align-items: center;
    text-align: center;
    color: var(--color-text-primary)
}

.stats__card-coefficients span {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    display: block;
    align-items: center;
    text-align: center;
    color: var(--color-text-primary)
}

.stats__card-info__incedent {
    padding: 15px 10px;
    border-bottom: 1px solid var(--border-primary)
}

.stats__card-info__incedent:last-child {
    border-bottom: 0;
    margin-bottom: 20px
}

.stats__card-info__incedent a {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    color: var(--color-text-primary);
    margin: 0 5px
}

.stats__card-info__incedent span {
    background-color: var(--bg-primary);
    padding: 3px 10px;
    border: 1px solid var(--border-primary);
    margin: 0 5px
}

.stats__card-info__incedent b {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    color: var(--color-text-second)
}

.stats__card-header__team {
    width: 33.3%;
    text-align: center
}

@media screen and (max-width: 1200px) {
    .parser__events-event__title b a,.parser__events-event__title span,.parser__events-sub__teams a,.parser__events-sub__score span {
        font-size:12px
    }

    .stats__card-info__item-right b {
        display: block;
        text-align: right
    }

    .stats__card-header__info span {
        font-size: 14px;
        line-height: 1.25
    }

    .stats__card-header__team b {
        font-weight: 700;
        font-size: 14px;
        line-height: 1.2
    }

    .stats__card-header__info big {
        font-weight: 700;
        font-size: 30px;
        line-height: 1.2
    }

    .stats__card-header__info b {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.25
    }

    .stats__card-header__info span {
        margin-bottom: 5px
    }
}

.loader {
    width: 40px;
    aspect-ratio: 1;
    display: grid;
    border: 4px solid #0000;
    border-radius: 50%;
    border-color: var(--color-text-second) rgba(0,0,0,0);
    animation: l16 1s infinite linear
}

.loader::before,.loader::after {
    content: "";
    grid-area: 1/1;
    margin: 2px;
    border: inherit;
    border-radius: 50%
}

.loader::before {
    border-color: #fff rgba(0,0,0,0);
    animation: inherit;
    animation-duration: .5s;
    animation-direction: reverse
}

.loader::after {
    margin: 8px
}

@keyframes l16 {
    100% {
        transform: rotate(1turn)
    }
}

.chka {
    color: red
}

.spinner {
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(/tpl/img/icons/tube-spinner.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.h2h_load_more .spinner {
    display: inline-block;
    opacity: 0;
    margin-left: 5px;
    margin-right: -20px;
    margin-top: -5px;
    margin-bottom: -5px;
    vertical-align: middle
}

.h2h_load_more.loading .spinner {
    opacity: 1
}

.main__prognoses-info .arrows_selector {
    width: 100%;
    overflow: hidden;
    overflow-x: auto
}

.main__prognoses-info .arrows_selector li a {
    white-space: nowrap
}

.cookies-alert {
    background-color: var(--bg-secondary-85);
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    color: var(--color-text-primary);
    z-index: 20;
    padding: 15px;
    transform: translateY(100%);
    transition: transform .2s;
    font-size: 14px;
    max-width: 340px;
    margin: 15px
}

.cookies-alert a {
    text-decoration: underline;
    color: var(--color-text-primary)
}

.cookies-alert.is-show {
    transform: translateY(0);
    transition: transform .2s
}

.cookies-alert__title {
    margin: 0 0 5px
}

.cookies-alert p {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.2
}

.cookies-alert__right {
    align-items: center;
    display: flex
}

.cookies-alert .btn {
    background-color: transparent;
    border-radius: 5px;
    border: transparent;
    padding: 10px 15px;
    font-size: 14px;
    cursor: pointer
}

.cookies-alert .btn__primary {
    margin-left: 5px;
    color: var(--color-text-primary);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    transition-duration: .2s;
    padding: 8px 15px;
    background: var(--gradient-cta-start);
    background: linear-gradient(90deg, var(--gradient-cta-start) 0, var(--gradient-cta-start) 25%, var(--gradient-cta-end) 100%);
    border-radius: 0
}

@media screen and (max-width: 1000px) {
    .cookies-alert {
        width:100%;
        left: 0;
        bottom: 0;
        margin: 0;
        max-width: 100%
    }
}

.main__prognoses .main__prognoses-header,.main__prognoses-info .site_container {
    scrollbar-width: none;
    scrollbar-color: var(--bg-primary) var(--bg-secondary);
    pointer-events: auto
}

.mb-20,.prognoses__gray {
    margin-bottom: 20px
}

.main__prognoses .main__prognoses-header::-webkit-scrollbar {
    width: 5px;
    height: 8px
}

.main__prognoses-info .site_container {
    padding-bottom: 10px
}

.main__prognoses-info .site_container::-webkit-scrollbar {
    width: 5px;
    height: 8px
}

.gift__tooltip {
    opacity: 0;
    pointer-events: none;
    transition-duration: .2s;
    background-color: var(--bg-primary-98);
    border: 1px solid var(--border-primary);
    padding: 10px;
    position: absolute;
    right: 0;
    z-index: 2;
    margin-top: 10px;
    max-width: 550px
}

.gift__tooltip.active {
    opacity: 1;
    pointer-events: auto
}

.gift__tooltip img {
    max-width: 70px;
    margin-right: 20px
}

.gift__tooltip b {
    margin-right: 20px
}

.gift__tooltip a {
    color: var(--color-text-primary)
}

.gift__tooltip .rates__list-item__button {
    min-width: 145px
}

.mobile_header .rates__list-item__button {
    min-width: 100%;
    text-align: center;
    margin-top: 10px
}

.mobile_header .gift__tooltip {
    margin-top: 20px;
    font-size: 14px
}

.main__prognoses-list__item img {
    min-width: 100%
}

.main__bonuses-brand {
    max-height: 30px
}

.prognoses__gray {
    padding: 20px;
    background-color: var(--color-gray-18);
    border: 1px solid
}

.prognoses__gray-gift__title {
    font-size: 20px;
    font-weight: 700
}

.prognoses__gray-gift__text {
    font-size: 15px;
    font-weight: 500;
    margin-top: 1px
}

.prognoses__gray img {
    max-width: 130px !important
}

.prognoses__gray-gift__text p {
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 500
}

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

.mr-a {
    margin-right: auto
}

.main__prognoses-list .d-flex.main__bonuses-block img {
    max-width: 100px;
    max-height: 25px;
    min-width: inherit;
    width: auto
}

.mb-10 {
    margin-bottom: 10px
}

.p-rel {
    position: relative
}

.main__bonuses .main__prognoses-list__item {
    border: 1px solid var(--border-primary)
}

@media screen and (max-width: 1200px) {
    .main {
        overflow-x:hidden;
        padding: 0 15px;
    }

    .main__rates-list__item-logo img {
        max-width: 86px
    }

    .m-mb-20 {
        margin-bottom: 20px
    }

    .m-mb-10 {
        margin-bottom: 10px
    }

    .prognoses__gray-gift__title {
        font-size: 17px
    }

    .prognoses__gray-gift__title b {
        border-radius: 10px;
        background-color: var(--bg-black-48);
        padding: 2px 8px;
        font-size: 14px
    }

    .prognoses__gray .rates__list-item__button--red {
        text-align: center
    }
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

.card-header .btn-link {
    white-space: inherit
}

.faqList .card {
    border-left: 0;
    border-right: 0px;
    border: 0
}

.faqList .card .card-body {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.faqList .card-header {
    padding: 0;
    border-bottom: 0
}

.faqList .card-header .btn-link {
    text-decoration: none;
    color: #fff;
    display: block;
    width: 100%;
    position: relative;
    text-align: left;
    padding: 20px 20px 20px 0;
    border: 0
}

.faqList .card-header .btn-link.collapsed {
    border-bottom: 1px solid var(--border-primary);
    color: inherit
}

.faqList .card-header+.collapse.show {
    border-bottom: 1px solid var(--border-primary)
}

.faqList .card:last-child .card-header+.collapse.show,.faqList .card:last-child .btn-link.collapsed {
    border-bottom: 0
}

.footer {
    display: block;
    border-top: 1px solid #ffffff;
    background-color: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%);
    padding: 30px 0;
    padding-bottom: 0;
    margin-bottom: -16px;
    margin-top: 15px;
}

.footer__columns {
    flex-wrap: wrap;
    margin: -10px
}

.footer__column {
    width: calc(50% - 20px);
    margin: 10px
}

.footer__columns .main__bonuses-btn {
    width: 75%;
    margin-left: 0;
    cursor: pointer;
    margin-bottom: 20px
}

.footer__columns .footer__column .footer__column {
    width: 100%
}

.footer ul {
    margin-bottom: 30px
}

.footer ul li {
    list-style: none;
    display: block;
    margin-bottom: 10px
}

.footer ul li:last-child {
    margin-bottom: 0
}

.footer ul li a {
    display: block;
    color: white;
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none
}

.footer ul li a:hover {
    text-decoration: none;
    color: var(--color-text-primary)
}

.footer__text {
    font-size: 12px;
    line-height: 1.3;
	color:white;
}

.footer__text a {
    color: #fff
}

.footer__text a:hover {
    text-decoration: none;
    color: #fff
}

.footer__copy {
    margin-top: 30px;
    padding: 30px 0;
    text-align: center;
    background-color: var(--bg-primary)
}

.footer__copy a {
    color: #fff;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 1.3

}

.footer__copy a:hover {
    color: #fff;
    text-decoration: underline
}

.footer__copy p {
    font-size: 14px;
    display: block;
    text-align: center;
    color: var(--color-text-primary);
    line-height: 1.3;
    margin-bottom: 0
}

.telegme,.tofilter {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    cursor: pointer;
    transition-duration: .2s;
    opacity: 0
}

.authModal .main__other-title,.main__prognoses-info ul li.active:after,.modal,.tabContent,.tofilter {
    display: none
}

.bk__full-buttons__sticky,.index_seo div.p,.main__prognoses-header ul li .filter-vibor svg path,.main__prognoses-info ul li a,.telegme,.tofilter,a {
    transition-duration: .2s;
    fill: #fff;
}

.bk-widget_list {
    scrollbar-width: none;
    scrollbar-color: var(--bg-primary) var(--bg-secondary)
}

.mobile__menu-content,.mobile__menu-img {
    vertical-align: middle;
    display: inline-block
}

.main__seo ul,.ml-20 {
    margin-left: 20px
}

.modal .stars__out,.news_stars .stars__out {
    cursor: pointer
}

.main__prognoses-header ul li .filter-vibor,.main__prognoses-info ul li a:hover {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset
}

.h1__inline-block span,.main__prognoses-header ul li .filter-vibor:hover,.static_page a:hover,a {
    color: #fff
}

.telegme {
    position: fixed;
    left: 30px;
    bottom: 15px;
    background-color: var(--bg-blue);
    pointer-events: none
}

.telegme img,.telegme svg {
    width: 30px;
    display: block;
    margin: 10px 8px 0
}

.telegme:hover {
    opacity: 1
}

.telegme.active,.tofilter.active {
    opacity: .8;
    pointer-events: unset
}

.bk__full-buttons__sticky,.tofilter {
    pointer-events: none
}

.mobile_header-menu ul li,li.eauth-service {
    list-style: none
}

.mobile_header-menu ul li ul {
    height: 100vh
}

.static_page .main__seo img {
    max-width: 100%;
    width: auto !important;
    height: auto !important
}

.main__seo ol {
    padding-inline-start:0px;margin-left: 20px
}

.main__prognoses-header ul li .filter-vibor span {
    overflow: unset;
    width: auto
}

.main__prognoses-info ul li a:hover {
    color: #fff
}

.main__prognoses-header ul li .filter-vibor {
    color: white;
    text-decoration: none
}

.bk__full-buttons__button {
    color: var(--color-text-primary)
}

.bk__block-item__img img {
    max-height: 50px
}

.bk__block-item__footer {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%)
}

.bk__block-item {
    min-height: 350px
}

.main__rates-list__item-logo span {
    padding: 5px 10px;
    color: white;
}

.tofilter {
    position: fixed;
    left: 30px;
    bottom: 15px;
    background-color: var(--bg-white)
}

.tofilter img,.tofilter svg {
    margin-left: 8px;
    margin-top: 2px
}

.authModal .modal-content {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-primary);
    color: var(--color-text-primary);
    padding: 30px;
    border-radius: 0
}

.authModal .modal-title {
    font-size: 30px;
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    color: var(--color-text-primary)
}

.authModal small {
    display: block;
    text-align: center;
    color: var(--color-text-primary);
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.3
}

.authModal .input {
    background-color: var(--bg-primary);
    color: var(--color-text-primary);
    padding: 10px;
    width: 100%;
    height: 40px;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    border: 1px solid var(--border-primary);
    margin-bottom: 20px
}

.authModal .textarea {
    background-color: var(--bg-primary);
    color: var(--color-text-primary);
    padding: 10px;
    width: 100%;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    border: 1px solid var(--border-primary);
    margin-bottom: 20px
}

.authModal .modal-body {
    padding: 0
}

.authModal textarea.input {
    height: 100px;
    resize: none
}

.authModal button {
    border: 0;
    outline: 0;
    cursor: pointer
}

.reviewModal .modal-dialog {
    width: 850px;
    max-width: 100%;
    position: relative
}

.reviewModal .modal-title {
    text-align: left
}

.reviewModal .stars_block {
    padding: 20px;
    border: 1px solid var(--border-primary);
    margin-bottom: 20px
}

.authModal .reviews__list-rate svg {
    margin-top: 2px
}

button.close,button.close:hover {
    color: var(--color-text-primary);
    opacity: 1;
    position: absolute;
    right: 0;
    font-size: 55px;
    top: -15px;
    font-weight: 300;
    border: unset;
    outline: 0
}

.category-list__item.item--active .category-list__item span,.category-list__item.item--active .category-list__item.item--active .category-list__item span,.category-list__item.item--active .category-list__item.item--active .category-list__item.item--active .category-list__item span,.category-list__item.item--active .category-list__item.item--active .category-list__item.item--active .category-list__item.item--active .category-list__item span,.category-list__item.item--active .category-list__item.item--active .category-list__item.item--active .category-list__item.item--active .category-list__item.item--active .category-list__item span,.main__experts-item__text p {
    color: var(--color-text-second)
}

.d-right,.ml-a {
    margin-left: auto
}

.modal .stars__in.enabled {
    width: 100%
}

.d-mt,.up__title .mt-20 {
    margin-top: 20px
}

.tabContent.active {
    display: block
}

.category-list__item.item--active span,.text_container .bk__full-buttons__button:hover {
    color: var(--color-text-primary)
}


.addReview {
    margin-top: 10px;
    background-color: var(--bg-primary)
}

.page-item.disabled .page-link,.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: var(--color-text-primary);
    background-color: var(--bg-third);
    border: 1px solid var(--border-primary)
}

.page-item.active .page-link,.page-link:hover {
    z-index: 1;
    color: var(--color-text-primary);
    background-color: var(--bg-secondary);
    border-color: var(--border-primary)
}

.page-item.disabled .page-link {
    opacity: .5
}

.authModal .main__other {
    border: 0;
    background: unset
}

.main__rates-controls ul li.active {
    border-right: 1px solid #fff
}

.label {
    padding: 5px 10px;
    background-color: var(--bg-secondary);
    border-radius: 10px;
    color: var(--color-text-primary);
    display: inline-block;
    margin-bottom: 10px
}

.ai-c,.news__author-center {
    align-items: center
}

.main__other-title {
    font-size: 22px
}

.index_seo div.p {
    max-height: 127px;
    overflow: hidden
}

.index_seo.active div.p {
    max-height: unset
}

.sub_links {
    padding-left: 10px;
    margin-top: 10px
}

.category-list__item.item--active .category-list__item.item--active span {
    color: var(--color-text-primary)
}

.category-list__item.item--active .category-list__item.item--active .category-list__item.item--active span {
    color: var(--color-text-primary)
}

.category-list__item.item--active .category-list__item.item--active .category-list__item.item--active .category-list__item.item--active span {
    color: var(--color-text-primary)
}

.category-list__item.item--active .category-list__item.item--active .category-list__item.item--active .category-list__item.item--active .category-list__item.item--active span {
    color: var(--color-text-primary)
}

.category-list__item.item--active .category-list__item.item--active .category-list__item.item--active .category-list__item.item--active .category-list__item.item--active .category-list__item.item--active span,.main__other .rates__list-item__button--red:hover,.news_listing a,.static_page .bk__full-buttons__button:hover,.static_page .main__bonuses-btn:hover,.static_page .main__bonuses-info:hover,.static_page .main__bonuses-link:hover,.static_page .main__bonuses-title:hover,.static_page .main__rates-list__btn:hover {
    color: var(--color-text-primary)
}

.news__category-btn {
    background-color: var(--bg-primary);
    color: var(--color-text-second);
    font-size: 14px;
    outline: 0;
    text-decoration: none;
    padding: 6px 10px;
    border: 1px solid var(--border-primary)
}

.h1_2 {
    font-size: 40px
}

.bk__full-buttons__sticky {
    opacity: 0;
    background-color: var(--bg-primary-98);
    border-top: 1px solid var(--border-primary);
    padding: 10px;
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%
}

.bk__full-buttons__sticky.active {
    opacity: 1;
    pointer-events: auto
}

.bk__full-buttons__sticky .bk__full-buttons__button {
    margin-bottom: 0
}

.mobile_header-menu ul li a,.mobile_header-title__text {
    font-weight: 700
}

.main__rates-controls ul li {
    transition-duration: .2s;
    border-right: 1px solid var(--border-primary)
}

.main__rates-controls ul li:hover a {
    color: #fff
}

.main__rates-controls ul li:hover {
    border-color: #fff;
    border-right: 1px solid #fff
}

.main__experts-item__image img {
    max-width: 50%;
    border-radius: 50%
}

.search-block button[type=submit] {
    font-size: 15px;
    padding: 12px 16px;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-primary)
}

.map-go {
    transition-duration: .2s
}

ul.eauth-list {
    display: flex;
    margin-bottom: 20px;
    justify-content: center
}

a.eauth-service-link {
    font-size: 0;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    margin: 0 10px
}

.mobile__menu-img,.mr-10,input[id=checklogin] {
    margin-right: 10px
}

a[data-eauth-service=vkontakte] {
    background: url(/tpl/img/eauth/vk.svg) center/contain no-repeat
}

a[data-eauth-service=yandex_oauth] {
    background: url(/tpl/img/eauth/ya.svg) center/contain no-repeat
}

a[data-eauth-service=google_oauth] {
    background: url(/tpl/img/eauth/google.svg) center/contain no-repeat
}

a[data-eauth-service=mailru] {
    background: url(/tpl/img/eauth/mailru.svg) center/contain no-repeat
}

a[data-eauth-service=odnoklassniki] {
    background: url(/tpl/img/eauth/odnoklassniki.svg) center/contain no-repeat
}

.main__prognoses-list__item {
    position: relative
}

.modal.modalCenter .modal-dialog {
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%)
}

.modal.modalCenter.show .modal-dialog {
    transform: translateY(-50%)
}

#noneModal.modal .main__rates-list__item-logo img {
    max-width: 80px
}

#noneModal.modal .main__rates-list__item-btn {
    min-width: 95px;
    text-align: center
}

#noneModal.authModal .modal-content {
    background: url(/tpl/img/nonemodal.png) right top no-repeat var(--bg-primary)
}

#noneModal hr {
    border-color: var(--border-primary)
}

.rouble {
    max-width: 25px
}

.main__prognoses-list__item img {
    min-width: 100%
}

.main__bonuses-brand {
    max-height: 30px
}

.main__bonuses .main__prognoses-list__item.exclusive {
    border: 1px solid var(--color-text-exclusive)
}

.main__bonuses .main__prognoses-list__item.exclusive .main__bonuses-btn,.main__bonuses .main__prognoses-list__item.exclusive .main__bonuses-btn:hover {
    color: var(--color-text-invert);
    background: var(--bg-exclusive)
}

.yii-debug-toolbar__ajax,.yii-debug-toolbar__ajax table td {
    color: var(--color-text-invert)
}

.search-block button[type=submit] {
    color: var(--color-text-primary);
    text-decoration: none;
    line-height: 15px;
    font-weight: 500;
    cursor: pointer;
    outline: 0
}

.main__bonuses-btn.disabled {
    opacity: .7;
    pointer-events: none
}

.main__other-title l {
    line-height: 41px
}

.count img {
    max-width: 10px
}

.h1__inline {
    display: inline-block;
    margin-bottom: 0
}

.tabler_scroll {
    width: 100%;
    margin-bottom: 20px
}

@media screen and (min-width: 1200px) {
    .main .hero__bk {
        margin-top:-37px
    }

    .d-xlm {
        margin-top: 0
    }

    .mobile_info {
        margin-left: 50px
    }

    .addReview {
        margin-top: 24px
    }

    .main__rates-list__item-info {
        min-width: 150px
    }

    .main__rates-list__item-info span {
        min-width: 22px;
        font-size: 22px;
    }

    .gift_width {
        width: 95px
    }

    .reviews_width {
        min-width: 62px
    }

    .layout {
        background-color: var(--bg-black-80);
        z-index: 1;
        opacity: 0;
        pointer-events: none;
        transition-duration: .4s;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh
    }

    .layout.active {
        pointer-events: auto;
        opacity: 1
    }

    .main__prognoses-list__item-footer {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: calc(100% - 40px)
    }

    .main__prognoses .main__prognoses-list__item {
        min-height: 360px
    }
}

.tabler p {
    padding: 0;
    margin-bottom: 0
}

.up__title h2,.vacancies_block a {
    margin-bottom: 10px
}

.tabler table {
    border-collapse: collapse;
    border: 0
}

.tabler table td,.tabler table th {
    padding: 10px;
    border: 2px solid
}

.news__author .main__experts-item__text,.news__author .main__experts-item__title {
    max-width: 230px;
    text-align: left;
    margin-left: 20px
}

.news__author .main__experts-item__image {
    max-width: 50px
}

.news__author .main__experts-item__title {
    margin-bottom: 5px;
    line-height: 20px
}

.news__author .main__experts-item__image,.news__author .main__experts-item__text p,.vacancies_block a:last-child {
    margin-bottom: 0
}

.seo__author .main__experts-item__image img {
    max-width: 100%
}

.seo__author a {
    display: inline-block
}

.vacancies_block {
    background-color: var(--bg-primary-57);
    padding: 20px;
    margin-bottom: 20px
}

.search-block button[type=submit] {
    min-width: 125px;
    margin-left: 10px
}

.search-block input {
    width: 100%;
    height: 41px;
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    outline: 0;
    padding: 10px;
    font-size: 16px;
    color: var(--color-text-second)
}

.vacancies_block a {
    display: block
}

.exclusive,.main__rates-list__item-info .exclusive span {
    color: var(--color-text-exclusive)
}

.exclusive svg path {
    fill: var(--color-text-exclusive)
}

.main__rates-list__item-info svg {
    max-width: 28px;
    margin-right: 5px
}

.exclusive__text {
    display: block;
    color: var(--color-text-exclusive);
    font-weight: 500;
    font-size: 10px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 0
}

.bk-widget-bk,.map-go {
    text-transform: uppercase;
    font-weight: 600
}

.bk-widget-address,.bk-widget-bk,.bk-widget-city {
    margin-bottom: 5px
}

.pp-map {
    height: 439px;
    width: 100%
}

.bk-widget_list {
    display: block;
    overflow: hidden;
    max-height: 500px;
    overflow-y: scroll;
    font-size: 14px
}

.bk-widget_list::-webkit-scrollbar {
    width: 10px;
    cursor: pointer
}

.bk-widget_list::-webkit-scrollbar-thumb {
    background: white !important;
}
.wpcf7-form label {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.wpcf7-form  {
    margin-top: 20px;
}

.wpcf7-form .textarea {
    width: 100%;
    margin-top: 8px;
}
.wpcf7-submit {
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    cursor: pointer;
    padding: 12px 16px;
    background: #36ade0;
    border: none !important;
}.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #36ade0;
    padding: 10px 15px 10px 15px;
}
.wpcf7-spinner {
    display: none;
}
.wpcf7-form p {
    padding: 0;
}
.wpcf7-form input {
    width: 100%;
    margin-top: 8px;
    border: 2px solid #cbcbcb;
    padding: 15px 10px;
 }

.bk-widget_item:last-child,.first__mobile-menu:last-child {
    border-bottom: 0
}

.bk-widget_item {
    background-color: var(--bg-secondary-65);
    padding: 15px 10px;
    border-bottom: 1px solid var(--border-primary);
    cursor: pointer;
    display: block
}

.map_input,.suggestions-suggestions {
    background-color: var(--bg-primary);
    padding: 10px;
    color: var(--color-text-primary)
}

.bk-widget_item img {
    max-width: 12px !important;
    margin-top: -4px
}

.bk-widget-phone {
    text-decoration: underline;
    outline: 0;
    color: var(--color-text-primary)
}

.map_input {
    width: 100%;
    height: 40px;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    border: 1px solid var(--border-primary);
    margin-bottom: 20px;
    position: relative
}

.suggestions-wrapper {
    position: absolute;
    z-index: 99999;
    width: calc(100% - 30px);
    margin-top: -21px
}

.suggestions-suggestions {
    cursor: pointer;
    border: 1px solid var(--border-primary)
}

.map__content {
    max-width: 280px
}

.map-go {
    color: var(--color-text-primary);
    text-decoration: none;
    outline: 0;
    margin-top: 10px;
    font-size: 13px;
    line-height: 1;
    display: inline-block;
    padding: 8px 15px;
    background: var(--gradient-cta-start);
    background: linear-gradient(90deg, var(--gradient-cta-start) 0, var(--gradient-cta-start) 25%, var(--gradient-cta-end) 100%)
}

.map-go:hover {
    color: var(--color-text-primary) !important
}

@media screen and (max-width: 1200px) {
    .telegme,.tofilter {
        display:inline-block;
        width: 35px;
        height: 35px
    }

    .tofilter {
        width: 100%;
        transform: translateY(60px);
        visibility: hidden;
        opacity: 0;
        transition: .5ms
    }

    .tofilter.show_mobile {
        width: 100%;
        left: 0;
        bottom: 30px;
        padding: 0 26px;
        background-color: transparent;
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition: .5ms;
        pointer-events: unset
    }

    .tofilter.show_mobile .bonus_btn {
        position: relative;
        width: 70%;
        height: 50px;
        background-color: var(--bg-primary);
        margin: 0 auto;
        color: var(--color-text-primary);
        font-weight: 600;
        font-size: 15px;
        opacity: 1;
        border: 2px solid var(--border-secondary);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        z-index: 999
    }

    .tofilter.active {
        width: 100%;
        left: 0;
        bottom: 30px;
        padding: 0 30px;
        background-color: transparent;
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition: .5ms;
        z-index: 10
    }

    .tofilter.active a {
        width: 100%;
        position: relative;
        opacity: 1
    }

    .tofilter.active .bonus_btn {
        position: relative;
        width: 70%;
        height: 50px;
        background-color: var(--bg-primary);
        margin: 0 auto;
        color: var(--color-text-primary);
        font-weight: 600;
        font-size: 15px;
        opacity: 1;
        border: 2px solid var(--border-secondary);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        z-index: 999
    }

    .tofilter.active .bonus_btn svg {
        fill: var(--bg-cta)
    }

    .modal .bk__full-block__section-rates__item span {
        font-size: 13px
    }

    .modal .stars i {
        font-size: 15px
    }

    .modal .stars__out {
        margin-right: 2px
    }

    .modal .stars_block {
        padding: 10px;
        margin-bottom: 0
    }

    .modal .bk__full-block__section:first-child .bk__full-block__section-rates {
        margin-top: 0
    }

    .modal-dialog {
        margin: 0
    }

    .authModal .modal-dialog {
        width: 100%;
        max-width: 100%
    }

    .authModal {
        padding-right: 0 !important
    }

    .main__rates-list__item-info {
        min-width: 145px
    }

    .main__rates-list__item-info span {
        min-width: 22px
    }

    .gift_width {
        min-width: 91px
    }

    .h1_2 {
        font-size: 30px
    }

    .telegme img,.telegme svg {
        width: 20px;
        margin: 8px 6px
    }

    #noneModal.modal .main__rates-list__item-info {
        min-width: 160px
    }

    #noneModal.modal .main__rates-list__item-logo {
        margin-right: 10px
    }

    #noneModal.authModal .modal-content {
        padding: 30px 15px
    }

    #noneModal.modal .main__rates-list__item-logo img {
        max-width: 70px
    }

    #noneModal .main__rates-list__item-info span {
        font-size: 13px
    }

    #noneModal.modal .main__rates-list__item-btn {
        min-width: 73px;
        padding: 7px 10px;
        text-align: center;
        font-size: 13px
    }

    .h1__inline-block span {
        display: block;
        margin-top: 10px
    }

    .tabler_scroll {
        overflow-x: auto
    }

    .tabler {
        width: max-content
    }

    .modal-open {
        position: fixed;
        width: 100%;
        height: 100%
    }

    .news__author {
        margin-top: 10px
    }

    .bk-widget_list {
        margin-bottom: 15px
    }
}

.mobile__menu-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    flex-shrink: 0
}

.mobile__menu-img svg,.mobile__menu-img img {
    max-width: 100%
}

.first__mobile-menu {
    padding: 15px 0;
    border-bottom: 1px solid var(--border-primary)
}

.mobile_header-head,.mobile_header-menu ul li.first__mobile-menu {
    margin-bottom: 0
}

.mobile_header-menu ul li.first__mobile-menu:last-child {
    margin-bottom: 100px
}

.uscroll {
    overflow: hidden
}

.up__title p {
    padding-bottom: 0;
    margin-bottom: 0
}

@media screen and (max-width: 1280px) {
    .header-menu ul li {
        margin-right:20px
    }
}

.clicker {
    cursor: pointer
}

.footer__column {
    width: calc(33.3% - 20px)
}

@media screen and (max-width: 1200px) {
    .footer__column {
        width:100%
    }

    .relink__block ul {
        display: none
    }

    .relink__block .footer__column.active ul {
        display: block
    }

    .relink__block .main__other-title {
        position: relative
    }

    .relink__block .main__other-title::after {
        border-left: solid 7px transparent;
        border-right: solid 7px transparent;
        border-bottom: solid 7px var(--border-white);
        height: 0;
        width: 0;
        position: absolute;
        content: '';
        right: 0;
        top: 50%;
        transform: translateY(-50%) rotate(180deg);
        transition-duration: 200ms
    }

    .relink__block .footer__column.active .main__other-title::after {
        transform: translateY(-50%) rotate(0)
    }
}

@media screen and (min-width: 1200px) {
    .footer__copy {
        margin-top:0
    }

    .footer__copy a,.header-controls {
        margin-left: auto
    }

    .footer__columns {
        width: 100%
    }

    .mt-20 {
        margin-top: 22px
    }

    .d-xl-none {
        display: none
    }

    .d-xl-block {
        display: block
    }

    .d-xl-flex {
        display: flex
    }
}

.langSelector {
    display: table;
    min-width: 190px;
    line-height: 1.2;
    outline: none;
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    color: inherit
}

.langSelector:focus {
    outline: none
}

.langSelector input[type=checkbox] {
    display: none
}

.langSelector__current {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 16px;
    color: var(--color-text-primary);
    padding: 6px 10px;
    position: relative;
    margin-bottom: 0;
    border-radius: 4px;
    background-color: var(--bg-cta)
}

.langSelector__current img {
    max-width: 28px;
    background-color: var(--bg-black-48);
    padding: 3px;
    border-radius: 4px
}

.langSelector__current::after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    right: 13px;
    border-top: 5px solid var(--border-white);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

input[type=checkbox]:checked ~ .langSelector__current::after {
    border-bottom: 5px solid var(--border-white);
    border-top: 0
}

input[type=checkbox]:checked ~ .langSelector__dropdown {
    display: block
}

.langSelector__dropdown {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 5;
    overflow: hidden;
    padding-top: 2px
}

.langSelector .langSelector__list {
    min-width: 190px;
    padding: 0;
    margin: 0;
    border: 1px solid var(--border-primary);
    background-color: var(--bg-secondary)
}

.langSelector .langSelector__list li {
    display: flex;
    align-items: center;
    margin-bottom: 1px
}

.langSelector .langSelector__list li:hover {
    background-color: var(--bg-cta)
}

.langSelector .langSelector__list li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-text-primary);
    cursor: pointer
}

.langSelector .langSelector__list li a img {
    display: block;
    width: 22px
}

::-webkit-scrollbar {
    width: 14px;
    height: 14px
}

@media screen and (max-width: 1200px) {
    ::-webkit-scrollbar {
        width:6px;
        height: 6px
    }
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px grey;
    background: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%)
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    border: 0;
    background: white
}

::-webkit-scrollbar-thumb:hover {
    background: var(--bg-secondary)
}

@media screen and (min-height: 800px) {
    #noneModal .modal-dialog {
        transform:translateY(-50%);
        top: 50%
    }
}

.reviews__list-text img {
    max-width: 100%;
    height: auto
}

.ml-10 {
    margin-left: 10px
}

.reviews__approve {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-primary);
    padding: 6px 10px;
    text-align: center;
    background-color: var(--bg-cta);
    border-radius: 4px
}

.reviews__approve span {
    color: var(--color-text-primary)
}

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

    .bk__full-block__section ul {
        padding-left: 20px
    }

    .main__rates-list__item-info {
        margin-left: 10px
    }

    .gift_width {
        min-width: 68px
    }

    .main__rates-list__item-btn,.main__rates-list__item-btn__default {
        font-size: 13px
    }

    .main__rates-list__item-btn,.main__rates-list__item-btn__default {
        padding: 12px
    }


    .main__rates-list__item-info span {
        font-size: 12px
    }
}

.bonus__scroll-all {
    overflow: hidden;
    overflow-x: auto
}

.bonus__scroll-all div {
    width: max-content
}

footer .main__rates-list__item-logo {
    max-width: 80px;
    width: 100%;
    display: flex;
    align-items: center
}

.main__prognoses .main__prognoses-list__item-image {
    max-height: 107px;
    overflow: hidden
}

.main__prognoses .main__prognoses-list__item-title {
    min-height: 73px;
    max-height: 73px;
    overflow: hidden
}

@media screen and (min-width: 1200px) {
    .bk__full-buttons__button--red {
        min-width:200px
    }

    .modal.reviewModal .modal-dialog {
        transform: translateY(-50%);
        top: 50%
    }
}

@media screen and (max-width: 1200px) and (max-height: 718px) {
    #noneModal.modal.modalCenter.show .modal-dialog {
        transform:translateY(0);
        top: 0
    }
}

.news__other-list__scroll {
    max-height: 450px;
    overflow: hidden;
    overflow-y: auto
}

.news__other-list__scroll .news__other-list {
    margin-bottom: -30px
}

@media screen and (min-width: 1330px) {
    .news__other-stycky.active {
        position:fixed;
        top: 71px;
        max-width: 390px
    }

    .news__other-stycky.disabled {
        position: fixed;
        top: 132px;
        max-width: 390px
    }

    .news__other-stycky.off {
        top: unset;
        position: relative
    }
}

.news__other-list__scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.main__prognoses-info .site_container::-webkit-scrollbar,.main__prognoses .main__prognoses-header::-webkit-scrollbar,.breadcrumbs::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.main__prognoses-info .site_container,.main__prognoses .main__prognoses-header {
    scrollbar-width: auto;
    padding-bottom: 20px
}

.news__other-item__gift {
    position: relative
}

.news__other-list__scroll {
    margin: 0 -30px
}

.news__other-list__scroll .news__other-item {
    padding: 0 30px
}

.news__other-list__scroll .news__other-item img {
    max-width: 120px
}

.news__other-item__gift::before,.news__other-item__gift::after {
    left: -6px;
    position: absolute;
    content: '';
    background-image: url(/tpl/img/ellipse.svg);
    width: 12px;
    height: 135px;
    top: 50%;
    transform: translateY(-50%)
}

.news__other-item__gift::after {
    left: unset;
    right: -6px
}

@media screen and (max-width: 1200px) {
    .news__other-item__gift::after {
        right:7px
    }

    .news__other-item__gift::before {
        left: 13px
    }

    .main__other-list ul {
        list-style: none
    }

    .listing .main__prognoses .main__prognoses-list__item-image {
        max-height: unset
    }

    .listing .main__bonuses .main__bonuses-image {
        max-height: unset
    }
}

p,.main__seo p {
    font-size: 16px;
    line-height: inherit
}

.main .hero p {
    font-size: 16px
}

.main__feedback form label {
    font-size: 14px
}

h1 {
    position: relative;
    z-index: 1
}

nav.pagination {
    overflow-x: auto;
    width: 100%
}

ul.pagination {
    width: max-content;
    margin-left: 0
}

.footer__ratings-section {
    width: 50%
}

.footer__ratings-section .gift_width span {
    white-space: nowrap
}

@media screen and (max-width: 1290px) {
    .footer__ratings-section {
        width:100%
    }
}

@media screen and (max-width: 1200px) {
    .footer__ratings-section:not(:last-child) .main__rates-list__item:last-child {
        border-bottom:1px solid var(--border-primary)
    }
}

.bonus_splash {
    position: absolute;
    right: -29px;
    top: 16px;
    display: inline-block;
    width: 110px;
    background-color: var(--bg-exclusive);
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    transform: rotate(45deg)
}

.bonus_splash--trusted {
    background-color: var(--color-text-exclusive);
    font-weight: 500;
    font-size: 12px;
    line-height: 1.8;
    color: var(--color-text-invert);
    letter-spacing: -0.02em
}

@media screen and (max-width: 1200px) {
    .main__seo .left_img {
        width:179px;
        margin: 0 auto;
        display: block
    }
}

@media screen and (min-width: 1200px) {
    body .main .hero__bk {
        margin-top:-100px
    }

    .main__seo .left_img {
        margin-right: 20px
    }

    .main .hero__bk {
        right: 3%;
        max-width: 100%
    }

    .main__seo form input[type="text"]:first-child {
        margin-right: 20px
    }
}

.licenses_slider span {
    color: var(--color-text-second)
}

.licenses_slider a {
    display: block
}

.licenses_slider-item {
    margin: 0 10px;
    overflow: hidden;
    transition-duration: 200ms;
    opacity: 0;
    pointer-events: none
}

.licenses_slider-item.slick-active {
    opacity: 1;
    pointer-events: auto
}

.licenses_slider-item img {
    max-width: 100%;
    transform: scale(0.6);
    display: block
}

.licenses_slider-item b {
    display: none
}

.licenses_slider-item span {
    display: none
}

.licenses_slider-item.slick-current b,.licenses_slider-item.slick-current span {
    display: block
}

.licenses_slider-item.slick-current img {
    margin-bottom: -100px;
    padding: 0 20px;
    transform: scale(1)
}

.licenses_slider-item.slick-current .licenses_slider-splash {
    padding: 20px;
    background-color: var(--bg-primary);
    padding-top: 70px
}

.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-92%);
    cursor: pointer;
    z-index: 2
}

.slick-arrow:first-child {
    left: 0
}

.slick-arrow:last-child {
    right: 0;
    transform: translateY(-92%) rotate(180deg)
}

@media screen and (min-width: 1200px) {
    .bk__full-buttons__sticky {
        padding:15px
    }

    .totop,.telegme {
        z-index: 2
    }
}

@media screen and (max-width: 1200px) {
    .main__seo.main__bonuses {
        overflow-x:auto
    }
}

.bonus_badge {
    position: absolute;
    left: 10px;
    top: 10px;
    display: inline-block;
    padding: 2px 5px;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-text-exclusive);
    background-color: var(--bg-primary);
    border-radius: 4px
}

.bonus_badge:hover {
    color: var(--color-text-exclusive)
}

.ta-c {
    text-align: center
}

.mb-0 {
    margin-bottom: 0
}

.main__seo.other_bonuses {
    position: relative;
    overflow: hidden
}

.main__seo.other_bonuses .bonus_splash {
    right: -32px;
    top: 27px;
    padding: 5px 0;
    font-size: 13px;
    font-weight: 500;
    width: 150px;
    cursor: pointer
}

.main__seo.main__bonuses .interlink_container {
    width: 100%;
    padding: 0 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media screen and (max-width: 768px) {
    .main__seo.main__bonuses .interlink_container {
        padding:10px;
        flex-wrap: nowrap;
        overflow-x: scroll
    }

    .main__seo.main__bonuses .interlink_container::-webkit-scrollbar {
        width: 12px;
        height: 12px
    }

    .main__seo.main__bonuses .interlink_container::-webkit-scrollbar-thumb {
        border-radius: 2px;
        border: 0;
        background: var(--bg-secondary)
    }

    .main__seo.main__bonuses .interlink_container::-webkit-scrollbar-track {
        box-shadow: inset 0 0 1px grey;
        background: var(--bg-primary)
    }
}

.main__seo.main__bonuses .interlink_item {
    margin: 6px;
    padding: 8px 16px;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-primary);
    position: relative;
    min-height: 25px;
    display: flex;
    align-items: center
}

.main__seo.main__bonuses .interlink_text {
    padding: 4px 8px;
    font-size: 15px
}

@media screen and (max-width: 768px) {
    .main__seo.main__bonuses .interlink_text {
        font-size:14px
    }
}

.main__seo.main__bonuses .interlink_logo {
    width: 32px;
    height: 32px
}

@media screen and (max-width: 768px) {
    .main__seo.main__bonuses .interlink_logo {
        width:20px;
        height: 20px
    }
}

.main__seo.main__bonuses .interlink_alias {
    position: absolute;
    left: 0;
    width: 100%;
    height: 40px
}

.rates__list-item__logo span {
    display: inline-block;
    background-color: var(--bg-primary);
    color: var(--color-text-primary);
    font-size: 14px;
    padding: 3px 10px;
    border: 1px solid var(--border-primary);
    min-width: 37px;
    text-align: center
}

.other_bonuses-wrapper {
    flex-wrap: wrap;
    margin: 0 -15px
}

.other_bonuses-wrapper .main__seo.other_bonuses {
    width: calc(390px - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 0
}

@media screen and (min-width: 1200px) {
    .other_bonuses-wrapper .main__seo.other_bonuses {
        margin-left:15px;
        margin-right: 15px;
        width: calc(50% - 30px);
        margin-bottom: 0
    }
}

.other_scroller .other_bonuses p {
    min-height: 120px
}

@media screen and (max-width: 1200px) {
    .other_bonuses-wrapper .main__seo.other_bonuses {
        width:calc(323px - 30px)
    }

    .other_bonuses-wrapper .main__seo.other_bonuses p {
        max-width: calc(100% - 20px)
    }

    .other_scroller {
        overflow: hidden;
        overflow-x: auto
    }

    .other_bonuses-wrapper {
        width: max-content
    }

    .other_bonuses-wrapper .main__seo.other_bonuses:last-child {
        margin-right: 0
    }

    .main__seo ul.ya-share2__list {
        margin-left: 0
    }

    .other_scroller .other_bonuses p {
        min-height: 170px
    }

    .other_scroller .other_bonuses h5 {
        font-size: 1.2rem
    }
}

.rates__tab {
    display: none
}

.rates__tab.active {
    display: block
}

.main__rates-list__item-counter span {
    display: inline-block;
    background-color: var(--bg-primary);
    color: var(--color-text-primary);
    font-size: 14px;
    padding: 3px 10px;
    border: 1px solid var(--border-primary);
    min-width: 37px;
    text-align: center;
    align-self: center;
    padding: 5px 10px
}

.counters .main__rates-list__item-counter {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 5px
}

.counters .main__rates-list__item-counter:last-child {
    margin-right: 0
}

.prognoses_parseritems .main__rates-list__item-info {
    min-width: unset
}

.prognoses_parseritems .main__rates-controls {
    overflow: hidden;
    overflow-x: auto
}

.prognoses_parseritems .main__rates-controls ul {
    width: max-content
}

.prognoses_parseritems .main__rates-controls ul li {
    width: auto
}

.prognoses_parseritems .main__rates-controls ul li a {
    padding: 8px
}

.prognoses_parseritems {
    padding-bottom: 0
}

.prognoses_parseritems .main__rates-controls {
    padding-bottom: 10px
}

.prognoses_parseritems .main__rates-controls::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.mobile_parser-hr {
    border-top: 1px solid var(--border-primary);
    padding-top: 15px;
    margin-top: 20px
}

.prognose_parserItem .prognose_parserItem-logo {
    width: 100px;
    min-width: 100px
}

@media screen and (max-width: 1200px) {
    .prognose_parserItem .prognose_parserItem-logo {
        width:70px;
        min-width: 70px
    }

    .prognose_parserItem .main__rates-list__item-counter span {
        padding: 5px
    }

    .prognose_parserItem .main__rates-list__item-btn {
        padding: 10px
    }

    .prognose_parserItem .main__rates-list__item-counter div {
        font-size: 14px
    }
}

.main__rates-list__item-counter a {
    display: block;
    background-color: var(--bg-primary);
    color: var(--color-text-primary);
    font-size: 14px;
    padding: 3px 10px;
    border: 1px solid var(--border-primary);
    min-width: 37px;
    text-align: center;
    align-self: center;
    padding: 5px 10px;
    transition-duration: 200ms
}

.main__rates-list__item-counter a:hover {
    background-color: var(--bg-secondary);
    border-color: var(--border-primary)
}

.main__rates-list__item-counter a.nocursor:hover {
    border-color: var(--border-primary);
    background-color: var(--bg-primary);
    color: var(--color-text-primary)
}

.main__rates-list__item-counter a {
    color: var(--color-text-primary)
}

.main__rates-list__item-counter a.nocursor {
    cursor: default
}

.main__rates-list__item-counter span {
    min-width: 70px;
    width: 70px;
    text-align: center;
    display: inline-block;
    background: unset;
    color: var(--color-text-primary);
    font-size: unset;
    padding: unset;
    border: unset
}

.counters .main__rates-list__item-counter {
    margin-right: 10px
}

.counters .main__rates-list__item-counter:last-child {
    margin-right: 0
}

.prognose_parserItem .counters {
    width: 230px
}

.prognose_parserItem .gift_width {
    width: 100px;
    text-align: center
}

.prognose_parserItem .gift_width div {
    justify-content: center
}

.prognose_parserItem .main__rates-list__item-counter .ta-c {
    font-size: 14px
}

.prognoses_parseritems .main__rates-list__item {
    padding-top: 25px
}

@media screen and (max-width: 1200px) {
    .prognose_parserItem .counters .main__rates-list__item-counter {
        margin-right:0
    }

    .prognose_parserItem .main__rates-list__item-counter span {
        min-width: 52px;
        width: 52px
    }

    .prognose_parserItem .main__rates-list__item-counter a {
        min-width: unset;
        padding: 5px
    }

    .prognose_parserItem .main__rates-list__item-logo img {
        max-width: 100%
    }

    .prognose_parserItem .main__rates-list__item-btn {
        padding: 10px;
        font-size: 14px;
        min-width: 74px
    }

    .prognose_parserItem .counters {
        justify-content: center
    }
}

.pagination {
    padding-left: 1px
}

.loadmore {
    width: 100%;
    display: block;
    background-color: var(--bg-primary-57);
    color: var(--color-text-primary);
    border: 1px solid var(--border-primary);
    padding: 10px;
    transition-duration: 200ms;
    margin-top: -20px
}

.loadmore:hover {
    box-shadow: 1px 1px 9px var(--border-black-60)
}

.loadmore l {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background-color: var(--bg-black-48);
    text-align: center;
    position: relative;
    border-radius: 50%;
    font-size: 14px;
    margin-right: 7px;
    transition-duration: 200ms
}

.loadmore l::before {
    content: "";
    background: url(/tpl/img/icons/arrow_reviews.svg) center no-repeat;
    width: 10px;
    display: inline-block;
    height: 5px;
    margin: 11px 0px 0 4px
}

.loadmore span {
    display: inline-block;
    transition-duration: 200ms;
    vertical-align: middle
}

.loadmore:hover span,.loadmore:hover l {
    color: #fff
}

.scrolled_bonuses .main__prognoses-list {
    overflow-x: auto;
    margin: 0 30px
}

.scrolled_bonuses .main__prognoses-list::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.scrolled_bonuses .main__prognoses-list__items {
    display: flex;
    width: max-content;
    flex-wrap: inherit;
    margin-left: 0;
    padding: 0 0 10px;
    padding-bottom: 5px
}

.scrolled_bonuses .main__prognoses-list__item {
    width: 233px
}

@media screen and (max-width: 768px) {
    .scrolled_bonuses .main__prognoses-list {
        padding-bottom:15px
    }

    #main_bonuses_list nav.pagination {
        margin-bottom: 15px
    }
}

@media screen and (max-width: 1200px) {
    .mobile_scroll_bonuses .main__prognoses-list,.scrolled_bonuses .main__prognoses-list {
        overflow-x:auto;
        margin: 0
    }

    .mobile_scroll_bonuses .main__prognoses-list::-webkit-scrollbar {
        width: 8px;
        height: 8px
    }

    .mobile_scroll_bonuses .main__prognoses-list__items,.scrolled_bonuses .main__prognoses-list__items {
        width: max-content;
        flex-wrap: inherit;
        margin-left: 15px;
        padding: 0;
        padding-bottom: 5px
    }

    .mobile_scroll_bonuses .main__prognoses-list__item,.scrolled_bonuses .main__prognoses-list__item {
        width: 233px
    }
}

.apps_container .apps_app {
    position: relative
}

.apps_container img {
    max-width: 100%
}

.apps_container span {
    color: var(--color-text-primary);
    font-weight: bold;
    background-color: var(--bg-black-65);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px
}

@media screen and (min-width: 1200px) {
    .apps_container .apps_app {
        margin-right:20px
    }

    .apps_container .apps_app:last-child {
        margin-right: 0
    }
}

.soc_icons i {
    font-size: 25px
}

.apps_bar i {
    font-size: 25px;
    display: inline-block;
    margin-right: 15px;
    color: var(--color-text-primary)
}

.apps_bar .main__rates-list__btn {
    padding: 10px 17px;
    text-align: left;
    line-height: 20px;
    transition-duration: 200ms
}

.apps_bar .main__rates-list__btn:hover {
    background-color: #fff
}

.apps_bar .main__rates-list__btn span {
    font-size: 18px
}

.soc_icons a {
    margin-bottom: 40px
}

.app_img {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 1200px) {
    .apps_container .apps_app {
        margin-bottom:20px
    }

    .apps_bar .main__rates-list__btn {
        margin-bottom: 20px;
        padding: 10px;
        font-size: 14px;
        min-width: calc(50% - 7px)
    }

    .apps_bar .main__rates-list__btn:last-child {
        margin-bottom: 0
    }

    .apps_bar-buttons {
        text-align: left;
        margin-bottom: 20px;
        margin-top: 30px
    }
}

.book-payment {
    padding-bottom: 1rem
}

@media (min-width: 744px) {
    .book-payment {
        padding-bottom:1.5rem
    }
}

.book-payment__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 1rem 0
}

@media (min-width: 744px) {
    .book-payment__header {
        padding:1.5rem 1.5rem 0
    }
}

.book-payment__list {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem 1rem 0;
    row-gap: 12px;
    margin-top: -20px
}

.book-payment__list-item {
    width: calc(50% - 5px)
}

.book-payment__list-item.accordion .accordion-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bg-black-16);
    border: 1px solid var(--border-black-01);
    border-radius: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative
}

.book-payment__list-item.accordion .accordion-header:after {
    right: 10px;
    width: 10px;
    height: 10px;
    border-top: 3px solid var(--border-secondary);
    border-right: 3px solid var(--border-secondary);
    margin-right: 10px;
    content: '';
    position: absolute;
    transition-duration: 200ms;
    transform: rotate(46deg)
}

.book-payment__list-item.active .accordion-header:after {
    transform: rotate(135deg)
}

.book-payment__list-item.accordion .accordion-body {
    padding: 0;
    width: calc(200% + 10px);
    display: none
}

.book-payment__list-item.active .accordion-body {
    display: block
}

.book-payment__list-item:first-child:last-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.book-payment__list-item:first-child:last-child.accordion .accordion-body {
    width: 100%
}

.book-payment__list-item.accordion.active .accordion-header {
    background-color: var(--bg-black-48)
}

.book-payment__list-item .accordion-inner {
    margin-top: 0.5rem
}

.book-payment__list-item-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--bg-black-16);
    border-radius: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem
}

.book-payment__list-item-content-row {
    border-bottom: 1px solid var(--border-black-01);
    padding-bottom: 0.75rem
}

.book-payment__list-item-content-row+.book-payment__list-item-content-row {
    padding-top: 0.75rem
}

.book-payment__list-item-content-title,.book-payment__list-item-content-value {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1rem
}

.book-payment__list-item-content-value {
    float: right
}

.book-payment__list-item-content-title {
    font-weight: 600;
    margin-right: 1.25rem
}

.book-payment__list-item-content-text {
    font-size: 0.75rem;
    line-height: 0.875rem;
    margin-top: 0.75rem
}

.book-payment__list-item:nth-child(2n).accordion .accordion-body {
    margin-left: calc(-100% - 10px)
}

.book-payment__table {
    display: none
}

@media (min-width: 744px) {
    .book-payment__table {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5rem 1.5rem 0;
        padding-top: 0
    }
}

.book-payment__table-row {
    border-bottom: 1px solid var(--border-black-01);
    padding: 0.75rem 0
}

.book-payment__table-row:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.book-payment__table-row-grid {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr)
}

.book-payment__table-row-text {
    color: var(--color-text-invert-40);
    font-size: 0.75rem;
    line-height: 0.875rem;
    margin-top: 0.5rem;
    text-align: center
}

.book-payment__table-header {
    padding-bottom: 0.75rem
}

.book-payment__table-header-item,.book-payment__table-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    word-break: break-word
}

.book-payment__table-item {
    min-height: 40px
}

@media (min-width: 744px) {
    .book-payment .tab-panel--mobile {
        display:none
    }
}

@media only screen and (max-height: 576px) and (orientation: landscape) {
    .book-payment .tab-panel--mobile.active {
        display:block
    }
}

.book-payment .tab-panel--desktop {
    display: none
}

@media (min-width: 744px) {
    .book-payment .tab-panel--desktop.active {
        display:block
    }
}

@media (max-width: 1200px) {
    .pps_maps {
        overflow-x:hidden
    }
}

.rating_dropdown {
    display: none;
    margin-top: 20px;
    margin-bottom: 10px
}

.rating_dropdown.active {
    display: block
}

.descr_btn i {
    transition-duration: 200ms
}

.descr_btn.active i {
    transform: rotate(180deg)
}

.footer_tabs {
    margin-bottom: 20px
}

.footer_tabs-selectors {
    margin-bottom: 20px
}

.footer_tabs-selectors a {
    font-size: 22px;
    text-decoration: none;
    color: var(--color-text-second);
    line-height: 1;
    padding-bottom: 0px;
    transition-duration: 200ms;
    margin-right: 20px;
    font-weight: bold
}

.footer_tabs-selectors a:last-child {
    margin-right: 0
}

.footer_tabs-selectors a:hover,.footer_tabs-selectors a.active {
    color: var(--color-text-primary)
}

.footer_tabs .d-flex {
    flex-wrap: wrap
}

.footer_tabs .d-flex img {
    margin-right: 20px;
    margin-bottom: 20px;
    max-width: 150px
}

.main__experts-social a {
    margin-right: 5px;
    font-size: 20px
}

.main__experts-social a:last-child {
    margin-right: 0
}

.main__experts-social {
    text-align: center;
    display: block
}

.jc-c {
    justify-content: center
}

.pn_link {
    width: 50%;
    color: var(--color-text-primary)
}

.pn_link:last-child {
    text-align: right
}

.pn_link l {
    margin-right: 5px
}

.pn_link:last-child l {
    margin-left: 5px;
    margin-right: 0
}

@media (max-width: 1200px) {
    .pn_link {
        width:100%;
        text-align: center
    }

    .pn_link:last-child {
        margin-top: 40px;
        padding-top: 40px;
        border-top: 1px solid var(--border-black-33);
        text-align: center
    }

    .footer_tabs-selectors {
        overflow-x: auto
    }

    .footer_tabs-selectors div {
        width: max-content
    }

    .pn_link l {
        font-size: 40px;
        display: block;
        vertical-align: middle;
        margin-right: 0;
        margin-left: 0
    }

    .pn_link span {
        display: inline-block;
        vertical-align: middle
    }
}

@media (max-width: 1200px) {
    footer .main__rates {
        margin-right:-10px;
        margin-left: -10px;
        width: calc(100% + 20px)
    }

    footer .main__rates-list__item .site_container {
        margin: 0 5px
    }
}

.news_calc input {
    background-color: var(--bg-primary);
    height: 35px;
    padding: 10px;
    color: var(--color-text-second);
    font-size: 14px;
    outline: 0;
    border: 1px solid var(--border-primary);
    width: 100%
}

.news_calc-box {
    border: 1px solid var(--border-primary);
    background-color: var(--bg-primary-57);
    padding: 30px;
    display: block
}

.news_calc-box small {
    font-size: 30px;
    color: #fff;
    font-weight: bold
}

.news_calc-box big {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    margin-right: 10px
}

.main__bonuses .main__prognoses-list__item.news_item .main__bonuses-title {
    margin-left: 0;
    display: inline-block;
    max-width: inherit
}

.main__bonuses .main__prognoses-list__item.news_item .main__bonuses-info {
    word-wrap: break-word
}

.mobile_header {
    z-index: 15
}

.desktop__left-descr {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    max-width: 300px;
    min-width: 300px;
    padding: 20px;
    font-size: 13px;
    color: var(--color-text-primary);
    border: 1px solid var(--border-primary);
    background-color: var(--bg-primary);
    z-index: 13
}

.desktop__left-descr.active {
    display: inline-block
}

.desktop__left-descr ul {
    margin-left: 0
}

.desktop__left-descr li {
    list-style: none;
    margin-bottom: 5px
}

.desktop__left-descr li:last-child {
    margin-bottom: 0
}

.desktop__left-descr__close {
    position: absolute;
    right: 20px;
    font-size: 20px;
    cursor: pointer;
    top: 16px
}

p .bk__full-buttons__button {
    height: auto
}

.main__other,.main__prognoses,.main__seo {
    background-color: var(--bg-white-02)
}

.main__other {
    margin-top:20px;
}

.other_slider-item {
    border-radius: 50px;
    padding: 10px
}

.other_slider-item img {
    max-width: 100%;
    display: none
}

.other_slider-item.slick-slide img {
    display: block
}

.news_show .other_slider .slick-arrow {
    transform: translateY(-50%)
}

.news_show .other_slider .slick-arrow:last-child {
    transform: translateY(-50%) rotate(180deg)
}

.rates .other_slider .slick-arrow {
    transform: translateY(-50%)
}

.rates .other_slider .slick-arrow:last-child {
    transform: translateY(-50%) rotate(180deg)
}

.date_badge {
    background-color: var(--bg-primary);
    color: var(--color-text-second);
    font-size: 14px;
    outline: 0;
    text-decoration: none;
    padding: 6px 10px;
    border: 1px solid var(--border-primary);
    display: inline-block
}

@media screen and (min-width: 1200px) {
    .main .hero img.bonuses {
        right:-115px
    }
}

.footer__labels-section {
    padding: 50px 0 10px 0;
    background-color: var(--bg-secondary);
    margin-bottom: 50px
}

.footer__labels-section .label {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-primary)
}

.footer__inline a {
    display: inline-block;
    vertical-align: middle
}

.footer__inline {
    text-align: left
}

.bk--full-buttons--button.bk--full-buttons--button--red {
    background: linear-gradient(90deg, var(--gradient-cta-start) 0, var(--gradient-cta-start) 25%, var(--gradient-cta-end) 100%);
    color: var(--color-text-primary);
    line-height: 15px;
    font-weight: 500;
    padding: 12px 16px;
    text-align: center;
    display: block
}

.bk--full-buttons--button.bk--full-buttons--button--red:hover {
    color: var(--color-text-primary)
}

.bk__full-tags::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.news__category-btn {
    display: inline-block;
    margin-bottom: 10px
}

iframe.player {
    min-height: 520px !important
}

@media screen and (max-width: 1200px) {
    iframe.player {
        min-height:520px !important
    }
}

@media screen and (max-width: 600px) {
    iframe.player {
        min-height:208px !important
    }

    .apps_bar .apps_bar-buttons .main__rates-list__btn {
        width: 100% !important;
        margin-bottom: 0
    }
}

.pic50 {
    max-width: 50% !important;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.ta-r {
    text-align: right
}

.bk__block-item .bk__full-buttons__button {
    padding: 0;
    background: unset;
    border: unset
}

.bk__block-item .bk__full-buttons__button span {
    margin-bottom: 0
}

@media screen and (min-width: 1200px) {
    .main .hero.apps__hero p {
        width:100%
    }
}

.header-menu ul li .sub {
    max-height: 100vh;
    overflow-y: auto
}

.header-menu ul li:nth-child(8) .sub,.header-menu ul li:nth-child(9) .sub,.header-menu ul li:nth-child(10) .sub {
    left: -300px
}

.header-menu ul li .sub::-webkit-scrollbar {
    width: 13px
}

.main__rates ul {
    margin-left: 0
}

.main__rates-controls {
    padding: 0 20px
}

.main__rates-list {
    padding: 0 20px
}

.gift-width a {
    display: flex;
    align-items: center
}

.videoclicker {
    position: relative;
    width: fit-content;
    cursor: pointer
}

.videoclicker::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background: url(/play.png) no-repeat center;
    background-size: cover;
    content: ''
}

.videoclicker.clicked img,.videoclicker.clicked::after {
    display: none
}

.main__seo .videoclicker,.main__seo .videoclicker img {
    width: 100%
}

.promocode__title {
    font-size: 12px;
    color: var(--color-text-second)
}

.promocode__bar {
    cursor: pointer;
    position: relative
}

.bk__block .promocode__bar::before,div[itemtype="https://schema.org/Article"] .bk__full-buttons .promocode__bar::before {
    content: 'Скопируй промокод';
    position: absolute;
    left: 0px;
    top: -9px;
    background-color: var(--color-text-exclusive);
    padding: 0px 10px;
    border-radius: 4px 4px 4px 0px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--color-text-invert);
    pointer-events: none
}

.promocode__bar input {
    min-width: 150px;
    background: unset;
    color: var(--color-text-primary);
    padding: 8px 10px;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    outline: 0;
    box-shadow: none;
    height: 50px;
    text-transform: lowercase;
    pointer-events: none;
    border: 1px solid var(--border-white)
}

.promocode__bar button {
    background: none;
    outline: none;
    cursor: pointer;
    border: none;
    color: var(--color-text-exclusive);
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 30px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.0002 1.16699H2.66683C1.9335 1.16699 1.3335 1.76699 1.3335 2.50033V11.167C1.3335 11.5337 1.6335 11.8337 2.00016 11.8337C2.36683 11.8337 2.66683 11.5337 2.66683 11.167V3.16699C2.66683 2.80033 2.96683 2.50033 3.3335 2.50033H10.0002C10.3668 2.50033 10.6668 2.20033 10.6668 1.83366C10.6668 1.46699 10.3668 1.16699 10.0002 1.16699ZM12.6668 3.83366H5.3335C4.60016 3.83366 4.00016 4.43366 4.00016 5.16699V14.5003C4.00016 15.2337 4.60016 15.8337 5.3335 15.8337H12.6668C13.4002 15.8337 14.0002 15.2337 14.0002 14.5003V5.16699C14.0002 4.43366 13.4002 3.83366 12.6668 3.83366ZM12.0002 14.5003H6.00016C5.6335 14.5003 5.3335 14.2003 5.3335 13.8337V5.83366C5.3335 5.46699 5.6335 5.16699 6.00016 5.16699H12.0002C12.3668 5.16699 12.6668 5.46699 12.6668 5.83366V13.8337C12.6668 14.2003 12.3668 14.5003 12.0002 14.5003Z' fill='%23C8CAD8'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (max-width: 1200px) {
    .promocode__bar input {
        width:100%;
        max-width: 100%
    }
}

.main__prognoses-list__item .promocode__bar input {
    height: 35px;
    width: 100%;
    max-width: 100%
}

.main__prognoses-list__item .promocode__bar button {
    font-size: 15px
}

.main__prognoses-list__item .promocode__bar {
    margin-bottom: 13px;
    margin-top: -10px
}

.promocode__title+.promocode__bar {
    margin-top: 2px
}

.promocode__bar input:disabled {
    color: var(--color-text-primary);
    -webkit-text-fill-color: var(--color-text-primary);
    opacity: 1
}

@media screen and (max-width: 1200px) {
    .authModal .modal-title {
        font-size:23px
    }
}

.buttonGoTwo {
    max-width: unset;
    text-align: center;
    display: block
}

.buttonGoTwo:hover {
    color: var(--color-text-primary) !important
}

.header-logotype__image {
    background: url(https://kappertelegram.ru/wp-content/uploads/logo-kappery-tg.png) no-repeat center;
    height: 70px;
    width: 132px;
    background-size: cover;
}


.search-icon {
    width: 22px;
    height: 21px;
    background: url(https://kappertelegram.ru/wp-content/themes/kappertelegram/images/poisk.svg) no-repeat center top;
    margin-left: 7px;
    outline: none;
}

.main__prognoses-list__item-header__block span {
    display: none
}

@media screen and (min-width: 1200px) {
    .main .hero p {
        width:86%
    }
}

a[data-fancybox="video-gallery"] {
    position: relative
}

a[data-fancybox="video-gallery"]::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background: url(/play.png) no-repeat center;
    background-size: cover;
    content: ''
}

a[data-fancybox="video-gallery"] img {
    width: 100%
}

.bk__accordion {
    display: none
}

.bk__accordion.active {
    display: block
}

.alert__block {
    border-radius: 10px;
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
    align-items: center;
    padding-left: 70px;
    background-color: var(--bg-cta)
}

.alert__block--gray {
    background-color: var(--bg-primary);
    padding: 20px 20px 10px 15px
}

.alert__block--gray::before {
    display: none
}

.alert__block:before {
    content: "\f05a";
    font-size: 35px !important;
    position: absolute;
    width: 35px;
    height: 35px;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

#noneModal .main__rates-list {
    padding: 0 0
}

.search-bar form .input {
    margin-right: 0;
    display:flex;
}

.search-bar form button[type=submit] {
    margin-right: 0
}

.search-bar form button[type=submit] {
    border-left: 0
}

.bk__legal-alert {
    padding: 10px;
    background: var(--gradient-cta-start);
    font-size: 16px;
    margin-top: 30px;
    background: linear-gradient(90deg, var(--gradient-cta-start) 0, var(--gradient-cta-start) 25%, var(--gradient-cta-end) 100%)
}

.block_padding {
    padding: 0 10px
}

.main__other-filters__list-item .jq-checkbox {
    width: 16px;
    min-width: 16px;
    height: 16px
}

.header_global .header-menu ul li .sub ul li ul {
    scrollbar-width: inherit;
    scrollbar-color: auto
}

.header_global .header-menu ul li .sub ul li ul::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.block_heading {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.buttons_header a,.popup_profile:hover .auth_popup {
    display: inline-block
}

.nav-scroller2 .link-secondary {
    color: var(--color-text-invert)
}

.buttons_header {
    display: block
}

.buttons_header a {
    margin-bottom: 10px
}

.auth_popup span,.modal-title {
    width: 100%;
    text-align: center;
    font-size: 26px;
    display: block
}

@media screen and (min-width: 1200px) {
    .buttons_header {
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0
    }

    .header_container .col-xl-6 {
        position: relative
    }
}

.modal-header {
    border-bottom: 0
}

.modal-title {
    padding-top: 20px
}

.modal-header .btn-close {
    position: absolute;
    right: 20px;
    top: 20px
}

.modal-content {
    border-radius: 0;
    border: unset
}

.auth_wrapper {
    max-width: 300px;
    margin: 0 auto
}

.modal center,.w-100 {
    width: 100%
}

.n-input-top {
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    margin-bottom: -16px;
    box-shadow: unset
}

.n-input-foot {
    border-radius: 0 0 4px 4px;
    box-shadow: unset
}

.form-control {
    box-shadow: unset !important
}

.form-control:focus {
    border-color: var(--border-white)
}

.n-input-middle {
    border-radius: 0;
    margin-bottom: -17px
}

.auth_popup {
    position: absolute;
    max-width: 266px;
    width: 100%;
    border-radius: 4px;
    background-color: var(--bg-white);
    z-index: 20;
    padding: 38px;
    border: 1px solid var(--border-primary);
    margin-top: 25px;
    margin-left: -266px
}

.auth_popup span {
    margin-bottom: 30px;
    color: var(--color-text-invert)
}

.auth_popup .btn {
    margin-bottom: 20px
}

.popup_profile .auth_popup {
    display: none
}

@media screen and (min-width: 1000px) {
    .modal.modalStandart.show .modal-dialog,.modalStandart .modal-dialog {
        margin-top:0;
        top: 50%;
        transform: translateY(-50%)
    }

    #myRate .modal-dialog {
        margin-top: 30px;
        top: unset;
        transform: unset
    }

    .modalStandart .modal-title {
        text-align: left;
        padding-left: 90px;
        padding-right: 90px
    }

    .modal_wrapper {
        padding: 0 90px 66px
    }

    .modalStandart .modal-dialog {
        max-width: 970px
    }
}

.main__bonuses .main__prognoses-list__item {
    border: 1px solid var(--border-cta);
    min-height: auto !important;
    position: relative
}

.main__bonuses .main__prognoses-list__item.news {
    border: 1px solid var(--border-primary);
    padding: 20px 0
}

.main__bonuses .main__prognoses-list__item.news .news__time-content {
    display: flex;
    margin: 5px 20px 15px;
    justify-content: space-between
}

.main__bonuses .main__prognoses-list__item.news .news__time-item {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.8;
    color: var(--color-text-second)
}

.main__bonuses .main__prognoses-list__item.news .news__item-image {
    margin: 10px 20px
}

.main__bonuses .main__prognoses-list__item.news .news__item-block_title {
    margin: 10px 20px;
    font-size: 15px;
    line-height: 1.6;
    color: var(--color-text-primary)
}

.main__bonuses .main__prognoses-list__item.news .news__item-block_description {
    margin: 5px 20px;
    font-size: 14px
}

.main__bonuses .main__prognoses-list__item.news .news__item-block_user {
    margin: 10px 20px
}

.main__bonuses .main__prognoses-list__item.news .news__item-block_user-name {
    font-size: 15px;
    line-height: 1.6;
    color: var(--color-text-second)
}

.main__bonuses .main__prognoses-list__item.news .news__item-footer {
    border-top: 1px solid var(--border-primary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 20px
}

.main__bonuses .main__prognoses-list__item.news .news__item-footer a {
    margin-top: 10px;
    display: inline-flex;
    text-decoration: none;
    color: var(--color-text-second)
}

.main__bonuses .main__prognoses-list__item.news .news__item-point {
    margin-top: 10px;
    padding: 3px 8px;
    border: 1px solid var(--border-cta)
}

.main__bonuses-block {
    align-items: center;
    margin-top: 12px;
    margin-bottom: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.main__bonuses-brand {
    display: inline-block;
    margin-right: 10px
}

.main__bonuses-title {
    color: #fff;
    font-size: 12px;
    margin-bottom: 0;
    line-height: 1.2;
    display: inline-block;
    margin-left: auto;
    text-align: right;
    max-width: 90px
}

.main__bonuses-label {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 7px;
    position: absolute;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-white-08);
    left: 0;
    top: 0;
    color: var(--color-text-primary);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2
}

.main__bonuses-label::before {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    height: 12px;
    width: 12px;
    flex-shrink: 0;
    margin-top: -2px
}

.main__bonuses-label--exclusive::before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5331_39931)'%3e%3cpath d='M8.39752 6.48861L7.05844 7.14201C6.30737 7.5066 5.72537 8.14618 5.43304 8.92821L4.67404 10.9443C4.64728 11.0163 4.59076 11.0727 4.51888 11.1009C4.45226 11.1255 4.37862 11.1229 4.31394 11.0936C4.24925 11.0643 4.19871 11.0106 4.17328 10.9443L3.41548 8.92809C3.12201 8.14812 2.54013 7.5107 1.79008 7.14753L0.451241 6.49569C0.397558 6.46877 0.35403 6.4252 0.327161 6.37149C0.296151 6.30751 0.2918 6.23384 0.315065 6.16666C0.338329 6.09947 0.387307 6.04427 0.451241 6.01317L1.7902 5.36133C2.54158 4.99715 3.12371 4.35743 3.4156 3.57513L4.17472 1.55889C4.20148 1.50381 4.24672 1.45869 4.30168 1.43193C4.36813 1.39938 4.44477 1.39446 4.51484 1.41826C4.58491 1.44205 4.6427 1.49261 4.6756 1.55889L5.43472 3.57081C5.7259 4.35334 6.30743 4.99358 7.05844 5.35845L8.3974 6.00885C8.44284 6.03103 8.48111 6.06557 8.50781 6.10851C8.53451 6.15145 8.54856 6.20105 8.54836 6.25161C8.54788 6.30128 8.53348 6.34982 8.50679 6.39171C8.48011 6.43361 8.44233 6.46718 8.39752 6.48861ZM11.6144 2.85861L11.12 3.09981C10.855 3.22831 10.6494 3.4536 10.5456 3.72921L10.266 4.47441C10.2501 4.51521 10.218 4.54725 10.1774 4.56237C10.1588 4.56942 10.139 4.57275 10.1192 4.57215C10.0993 4.57155 10.0798 4.56704 10.0617 4.55888C10.0436 4.55072 10.0273 4.53907 10.0137 4.5246C10.0001 4.51012 9.98949 4.49311 9.98248 4.47453L9.70216 3.72933C9.59868 3.45352 9.39303 3.2281 9.12784 3.09981L8.63344 2.85861C8.60294 2.84414 8.57836 2.81961 8.56384 2.78913C8.55509 2.77125 8.54994 2.75181 8.54871 2.73194C8.54747 2.71206 8.55016 2.69214 8.55662 2.67331C8.56308 2.65448 8.57319 2.6371 8.58637 2.62218C8.59956 2.60725 8.61555 2.59507 8.63344 2.58633L9.12784 2.34513C9.39326 2.21673 9.59896 1.99096 9.70216 1.71477L9.98248 0.97041C9.99777 0.938872 10.0231 0.913296 10.0545 0.89769C10.0922 0.879435 10.1356 0.876835 10.1752 0.890458C10.2149 0.904081 10.2475 0.93282 10.266 0.97041L10.5456 1.71477C10.6491 1.99076 10.8547 2.2164 11.12 2.34501L11.6144 2.58621C11.6447 2.60061 11.6696 2.62533 11.6847 2.65581C11.6934 2.67374 11.6985 2.69321 11.6997 2.71312C11.7009 2.73303 11.6982 2.75298 11.6917 2.77182C11.6851 2.79066 11.6749 2.80803 11.6617 2.82292C11.6484 2.83782 11.6323 2.84995 11.6144 2.85861Z' fill='%23C0E832'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5331_39931'%3e%3crect width='12' height='12' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ")
}

.main__bonuses-label--best::before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.359379 5.27222C0.163324 5.27222 0.00439453 5.43117 0.00439453 5.6272V10.8411C0.00439453 11.0371 0.163348 11.196 0.359379 11.196H2.49812V5.27222H0.359379ZM11.9953 7.23251C11.9953 6.78188 11.7531 6.38672 11.3922 6.1703C11.5353 5.96392 11.6119 5.71869 11.6116 5.46753C11.6116 4.78519 11.0564 4.23005 10.3741 4.23005H7.76181C7.84187 3.86724 7.95137 3.32281 8.02761 2.75288C8.22604 1.26973 8.09043 0.447189 7.60089 0.164322C7.29568 -0.0119983 6.96662 -0.047764 6.67431 0.0635173C6.44849 0.149533 6.14352 0.361009 5.96973 0.880033L5.28315 2.67771C4.93508 3.53733 3.86917 4.43979 3.20811 4.9388V11.3531C4.43329 11.7824 5.71175 12 7.01605 12H9.86244C10.5448 12 11.0999 11.4449 11.0999 10.7625C11.1002 10.5322 11.0358 10.3064 10.9141 10.1109C11.3266 9.90996 11.6115 9.48635 11.6115 8.99752C11.6118 8.74636 11.5353 8.50112 11.3921 8.29474C11.7531 8.07832 11.9953 7.68314 11.9953 7.23251Z' fill='%23C0E832'/%3e%3c/svg%3e ")
}

.main__bonuses-info {
    font-size: 15px;
    line-height: 1.2;
    color: var(--color-text-primary);
    margin-bottom: 30px;
    display: block;
    flex-grow: 1
}

.main__bonuses-info:hover {
    color: var(--color-text-primary);
    text-decoration: none
}

.main__bonuses-link {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 16px;
    color: var(--color-text-second)
}

.main__bonuses-link:hover {
    color: var(--color-text-second)
}

.main__bonuses-link span {
    text-decoration: underline
}

.main__bonuses-link::after {
    display: block;
    content: '';
    height: 16px;
    width: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.233617 7.89815L3.35845 4.77332L0.233617 1.64848C-0.0804766 1.33439 -0.0804766 0.827008 0.233617 0.512914C0.547711 0.19882 1.05509 0.19882 1.36919 0.512914L5.06583 4.20956C5.37993 4.52365 5.37993 5.03103 5.06583 5.34513L1.36919 9.04177C1.05509 9.35587 0.547711 9.35587 0.233617 9.04177C-0.0724229 8.72768 -0.0804766 8.21224 0.233617 7.89815Z' fill='%238C9399'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
    flex-shrink: 0
}

.main__bonuses-btn {
    display: block;
    padding: 10px 15px;
    color: var(--color-text-primary);
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: linear-gradient(90deg, var(--gradient-cta-start) 32.32%, var(--gradient-cta-end) 98.52%)
}

.main__bonuses-btn:hover {
    color: var(--color-text-primary);
    text-decoration: none
}

.main__bonuses-image {
    display: block;
    position: relative;
    margin: -20px -12px 0;
    padding-bottom: 69%;
    overflow: hidden
}

.main__bonuses-image a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0
}

.main__bonuses-image a img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.main__bonuses-image__time {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 12px 4px;
    position: absolute;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-white-08);
    left: -12px;
    bottom: 0;
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6
}

.main__bonuses-image__time::before {
    display: block;
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_5331_39924)'%3e%3cpath d='M7.99967 14.6654C11.6816 14.6654 14.6663 11.6806 14.6663 7.9987C14.6663 4.3168 11.6816 1.33203 7.99967 1.33203C4.31778 1.33203 1.33301 4.3168 1.33301 7.9987C1.33301 11.6806 4.31778 14.6654 7.99967 14.6654Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 4V8L10.6667 9.33333' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_5331_39924'%3e%3crect width='16' height='16' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
    height: 16px;
    width: 16px;
    flex-shrink: 0
}

.main__prognoses-list__item-author {
    margin-bottom: 16px
}

.book__head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px
}

@media (max-width: 576px) {
    .book__head {
        justify-content:space-between
    }
}

.book__head .h3,.book__head h2 {
    margin-right: auto;
    margin-bottom: 0
}

@media (max-width: 576px) {
    .book__head .h3,.book__head h2 {
        width:100%
    }
}

.bonusSelector {
    display: table;
    min-width: 165px;
    line-height: 1.2;
    outline: none;
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    color: inherit
}

.bonusSelector:focus {
    outline: none
}

.bonusSelector input[type=checkbox] {
    display: none
}

.bonusSelector__current {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
    color: var(--color-text-primary);
    padding: 8px 12px;
    position: relative;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-white-08);
    margin-bottom: 0
}

.bonusSelector__current::after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    right: 13px;
    border-top: 5px solid var(--border-white);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

input[type=checkbox]:checked ~ .bonusSelector__current::after,button:focus>.bonusSelector__current::after {
    border-bottom: 5px solid var(--border-white);
    border-top: 0
}

input[type=checkbox]:checked ~ .bonusSelector__dropdown,button:focus>.bonusSelector__dropdown {
    display: block
}

.bonusSelector__dropdown {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 5;
    overflow: hidden;
    padding-top: 4px
}

.bonusSelector__list {
    min-width: 165px;
    padding: 0;
    margin: 0;
    background-color: var(--bg-primary);
    border: 1px solid var(--border-white-08)
}

.bonusSelector__list li {
    display: block;
    margin-bottom: 4px
}

.bonusSelector__list li:hover {
    display: flex;
    align-items: center
}

.bonusSelector__list li:hover a {
    color: #fff !important
}

.bonusSelector__list li.active {
    position: relative;
    padding-right: 30px
}

.bonusSelector__list li.active::after {
    display: block;
    content: '';
    height: 5px;
    width: 10px;
    border-left: 1px solid var(--color-text-exclusive);
    border-bottom: 1px solid var(--color-text-exclusive);
    transform: rotate(-45deg);
    position: absolute;
    right: 13px;
    top: 50%;
    margin-top: -4px
}

.bonusSelector__list li a {
    display: block;
    padding: 7px 11px;
    font-size: 15px;
    font-weight: 400;
    color: var(--color-text-primary);
    cursor: pointer
}

.bookmaker-grid+.bookmaker-grid {
    margin-top: 30px
}

.bookmaker-grid .list-view {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 28px 20px;
    width: 100%
}

.bookmaker-grid .list-view+.list-view {
    margin-top: 28px
}

.bookmaker-grid .list-view+.main__rates-list__btn {
    margin-top: 30px;
    cursor: pointer
}

@media (max-width: 1200px) {
    .bookmaker-grid .list-view {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 900px) {
    .bookmaker-grid .list-view {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 576px) {
    .bookmaker-grid .list-view {
        grid-template-columns:repeat(1, 1fr)
    }
}

.bookmaker-grid .list-view .bookmaker-card {
    height: 100%
}

@media (min-width: 1201px) {
    .bookmaker-grid--3 .list-view {
        grid-template-columns:repeat(3, 1fr);
        grid-gap: 20px
    }

    .bookmaker-grid--3 .list-view+.list-view {
        margin-top: 20px
    }

    .bookmaker-grid--3 .list-view .bookmaker-card {
        padding: 24px 20px;
        gap: 15px
    }

    .bookmaker-grid--3 .list-view .bookmaker-card__bonus {
        clear: both
    }

    .bookmaker-grid--3 .list-view .bookmaker-card__title {
        display: flex;
        align-items: center;
        min-height: 60px;
        margin-bottom: 15px
    }

    .bookmaker-grid--3 .list-view .bookmaker-card__info {
        gap: 16px
    }

    .bookmaker-grid--3 .list-view .bookmaker-card__info .bookmaker-card__prop {
        flex-direction: column;
        padding-left: 0
    }

    .bookmaker-grid--3 .list-view .bookmaker-card__btn {
        font-size: 14px;
        padding-inline:5px}
}

.bk__block-menu+.bookmaker-grid {
    margin-top: 30px
}

.bookmaker-card {
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 16px;
    background-color: var(--bg-white-02);
    border: 1px solid var(--border-white-08);
    box-shadow: 0px 23px 33px var(--border-black-20);
    position: relative;
    overflow: hidden
}

@media (max-width: 1200px) {
    .bookmaker-card {
        gap:18px;
        padding: 15px
    }
}

.bookmaker-card__img {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 80px;
    width: 80px;
    float: left;
    margin-right: 16px
}

.bookmaker-card__img img {
    display: block;
    object-fit: contain;
    height: 100%;
    width: 100%
}

.bookmaker-card__bonus {
    display: flex;
    align-items: center;
    gap: 7px;
    font-weight: 400;
    font-size: 12px;
    color: var(--color-text-second);
    margin-bottom: 6px
}

.bookmaker-card__summa {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    color: var(--color-text-exclusive);
    letter-spacing: 0.03em
}

.bookmaker-card__summa::before {
    display: block;
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/tpl/img/icons/bk-gift.png);
    width: 18px;
    height: 18px;
    margin-top: -2px;
    margin-right: 10px
}

.bookmaker-card__title {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: var(--color-text-primary);
    margin-bottom: 6px
}

.bookmaker-card__info {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.bookmaker-card__info .bookmaker-card__prop {
    padding-left: 16px
}

.bookmaker-card__info .bookmaker-card__prop:not(:last-child) {
    border-right: 1px solid var(--border-white-15);
    padding-right: 16px
}

.bookmaker-card__prop {
    display: flex;
    align-items: center;
    gap: 2px 8px;
    font-size: 14px;
    color: var(--color-text-second)
}

.bookmaker-card__prop::before {
    display: block;
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.bookmaker-card__prop--lic::before {
    background-image: url(/tpl/img/icons/bk-check.png)
}

.bookmaker-card__prop--nolic::before {
    content: '+';
    font-size: 32px;
    line-height: 32px;
    margin-top: -10px;
    margin-right: -6px;
    transform: rotate(45deg)
}

.bookmaker-card__prop--rating::before {
    background-image: url(/tpl/img/icons/bk-star.png)
}

.bookmaker-card__prop--reviews::before {
    background-image: url(/tpl/img/icons/bk-chat.png)
}

.bookmaker-card__pay {
    font-size: 14px;
    color: var(--color-text-primary)
}

.bookmaker-card__label {
    text-align: center;
    padding: 0 12px;
    position: absolute;
    right: -33px;
    top: 26px;
    width: 140px;
    background-color: var(--bg-exclusive);
    color: var(--color-text-invert);
    border: 1px solid var(--border-white-08);
    transform: rotate(45deg);
    font-weight: 500;
    font-size: 12px
}

.bookmaker-card__label::before {
    display: inline-block;
    content: 'TOP'
}

.bookmaker-card__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 11px 16px;
    gap: 4px;
    background: linear-gradient(90deg, var(--gradient-cta-start) 32.32%, var(--gradient-cta-end) 98.52%);
    font-weight: 400;
    font-size: 15px;
    color: var(--color-text-primary);
    cursor: pointer
}

.bookmaker-card__btn+.bookmaker-card__btn {
    margin-top: 12px
}

.bookmaker-card__btn--dark {
    background: var(--bg-primary);
    border: 1px solid var(--border-white-08)
}

.tabs__content {
    display: none
}

.tabs__content.active {
    display: block
}

.bk__block-menu ul {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 0 5px;
    margin: 0;
    width: 100%;
    overflow: auto
}

.bk__block-menu ul li {
    display: block;
    list-style: none;
    background-color: var(--bg-white-08);
    transition: all 300ms
}

.bk__block-menu ul li.active {
    background-image: linear-gradient(90deg, var(--gradient-cta-start) 32.32%, var(--gradient-cta-end) 98.52%)
}

.bk__block-menu ul li.active>a,.bk__block-menu ul li:hover>a {
    background-color: var(--bg-primary)
}

.bk__block-menu ul li.active>a {
    color: var(--color-text-primary)
}

.bk__block-menu ul li a {
    display: block;
    padding: 7px 13px 6px;
    color: var(--color-text-second);
    font-size: 15px;
    margin: 1px;
    cursor: pointer
}

	:root {
    --blue: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%);
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%);
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*, ::after, ::before {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

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

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color:rgb(0, 0, 0);
    text-align: left;
    background-color: #fff;
}

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

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

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

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}

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

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

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

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b, strong {
    font-weight: 500;
}

small {
    font-size: 80%;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: black;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    opacity: 0.9;
    text-decoration: underline;
}

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

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

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

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

figure {
    margin: 1rem 0 1rem;
}

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

svg:not(:root) {
    overflow: hidden;
}

table {
    border-collapse: collapse;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: Arial, sans-serif;
    display: block;
    overflow-x: auto;
}

th, td {
    padding: 12px 15px;
    text-align: center;
    border: 1px solid #ddd;
}

th {
    background-color: #f4f4f4;
    font-weight: bold;
    color: #333;
}

td {
    background-color: #fff;
}

tr:nth-child(even) {
    background-color: #f9f9f9;
}

tr:hover {
    background-color: #f1f1f1;
}

th, td {
    font-size: 14px;
}

td {
    font-size: 13px;
    color: #555;
}

td:not(:last-child), th:not(:last-child) {
    border-right: 1px solid #ddd;text-align: center;
}


caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

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

button {
    border-radius: 0;
}


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

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

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

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

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

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

.error-section__content {
    text-align: center;
    height: 300px;
    margin: 200px 100px 100px 100px;
    font-size: 28px;
}

.h1-404 {
    font-size: 62px;
}

textarea {
    overflow: auto;
    resize: vertical;
    margin-top: 8px;
    width: 100%;
    border: 2px solid #cbcbcb;
    padding: 5px 10px;
}

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

.text-contact {
    margin-top: 20px !important;
    font-weight: 400;
    text-align: center;
    font-size: 20px;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

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

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

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: black;
}

.h1, h1 {
    font-size: 2.5rem;
}

.h2, h2 {
    font-size: 2.3rem;
}

.h3, h3 {
    font-size: 1.75rem;
}

.h4, h4 {
    font-size: 1.5rem;
}

.h5, h5 {
    font-size: 1.25rem;
}

.h6, h6 {
    font-size: 1rem;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

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

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

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

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

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

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.333333%;
    }

    .offset-sm-2 {
        margin-left: 16.666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.333333%;
    }

    .offset-sm-5 {
        margin-left: 41.666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.333333%;
    }

    .offset-sm-8 {
        margin-left: 66.666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.333333%;
    }

    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.333333%;
    }

    .offset-md-2 {
        margin-left: 16.666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.333333%;
    }

    .offset-md-5 {
        margin-left: 41.666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.333333%;
    }

    .offset-md-8 {
        margin-left: 66.666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.333333%;
    }

    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.333333%;
    }

    .offset-lg-2 {
        margin-left: 16.666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.333333%;
    }

    .offset-lg-5 {
        margin-left: 41.666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.333333%;
    }

    .offset-lg-8 {
        margin-left: 66.666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.333333%;
    }

    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.333333%;
    }

    .offset-xl-2 {
        margin-left: 16.666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.333333%;
    }

    .offset-xl-5 {
        margin-left: 41.666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.333333%;
    }

    .offset-xl-8 {
        margin-left: 66.666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.333333%;
    }

    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-append > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px);
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px);
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row > .col, .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
    color: #6c757d;
}

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.8);
    border-radius: 0.2rem;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:focus, .btn:hover {
    text-decoration: none;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
    background-image: none;
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none;
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.input-group > .custom-file:focus, .input-group > .custom-select:focus, .input-group > .form-control:focus {
    z-index: 3;
}

.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control {
    margin-left: -1px;
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .custom-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 2;
}

.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
    margin-left: -1px;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.input-group-text input[type="checkbox"], .input-group-text input[type="radio"] {
    margin-top: 0;
}

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%);
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%);
    border-color: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%);
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

.list-group-item-action:focus, .list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.list-group-item:focus, .list-group-item:hover {
    z-index: 1;
    text-decoration: none;
}

.list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%);
    border-color: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%);
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0;
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085;
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41;
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724;
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460;
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404;
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24;
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
    color: #1b1e21;
    background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
    margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
    margin-right: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-auto[x-placement^="top"], .bs-tooltip-top {
    padding: 0.4rem 0;
}

.bs-tooltip-auto[x-placement^="top"] .arrow, .bs-tooltip-top .arrow {
    bottom: 0;
}

.bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-auto[x-placement^="right"], .bs-tooltip-right {
    padding: 0 0.4rem;
}

.bs-tooltip-auto[x-placement^="right"] .arrow, .bs-tooltip-right .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-right .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-auto[x-placement^="bottom"], .bs-tooltip-bottom {
    padding: 0.4rem 0;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow, .bs-tooltip-bottom .arrow {
    top: 0;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-auto[x-placement^="left"], .bs-tooltip-left {
    padding: 0 0.4rem;
}

.bs-tooltip-auto[x-placement^="left"] .arrow, .bs-tooltip-left .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-left .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}

.popover .arrow::after, .popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-popover-auto[x-placement^="top"], .bs-popover-top {
    margin-bottom: 0.5rem;
}

.bs-popover-auto[x-placement^="top"] .arrow, .bs-popover-top .arrow {
    bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-auto[x-placement^="top"] .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
    border-width: 0.5rem 0.5rem 0;
}

.bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="top"] .arrow::after, .bs-popover-top .arrow::after {
    bottom: 1px;
    border-top-color: #fff;
}

.bs-popover-auto[x-placement^="right"], .bs-popover-right {
    margin-left: 0.5rem;
}

.bs-popover-auto[x-placement^="right"] .arrow, .bs-popover-right .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-auto[x-placement^="right"] .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before {
    border-width: 0.5rem 0.5rem 0.5rem 0;
}

.bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::before {
    left: 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="right"] .arrow::after, .bs-popover-right .arrow::after {
    left: 1px;
    border-right-color: #fff;
}

.bs-popover-auto[x-placement^="bottom"], .bs-popover-bottom {
    margin-top: 0.5rem;
}

.bs-popover-auto[x-placement^="bottom"] .arrow, .bs-popover-bottom .arrow {
    top: calc((0.5rem + 1px) * -1);
}

.bs-popover-auto[x-placement^="bottom"] .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
    border-width: 0 0.5rem 0.5rem 0.5rem;
}

.bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::before {
    top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="bottom"] .arrow::after, .bs-popover-bottom .arrow::after {
    top: 1px;
    border-bottom-color: #fff;
}

.bs-popover-auto[x-placement^="bottom"] .popover-header::before, .bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}

.bs-popover-auto[x-placement^="left"], .bs-popover-left {
    margin-right: 0.5rem;
}

.bs-popover-auto[x-placement^="left"] .arrow, .bs-popover-left .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-auto[x-placement^="left"] .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before {
    border-width: 0.5rem 0 0.5rem 0.5rem;
}

.bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="left"] .arrow::after, .bs-popover-left .arrow::after {
    right: 1px;
    border-left-color: #fff;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}

.d-none {
    display: none !important;
}

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

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

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

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

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

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

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

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

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

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

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

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

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

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

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

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

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

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

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

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

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

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

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

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

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

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

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

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

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

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

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

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

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

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

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

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none;
}

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

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

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

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

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

.h-50 {
    height: 50% !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, .my-0 {
    margin-top: 0 !important;
}

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

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

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

.m-1 {
    margin: 0.25rem !important;
}

.mt-1, .my-1 {
    margin-top: 0.25rem !important;
}

.mr-1, .mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1, .my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1, .mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2, .my-2 {
    margin-top: 0.5rem !important;
}

.mr-2, .mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2, .my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2, .mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3, .my-3 {
    margin-top: 1rem !important;
}

.mr-3, .mx-3 {
    margin-right: 1rem !important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.ml-3, .mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5, .my-5 {
    margin-top: 3rem !important;
}

.mr-5, .mx-5 {
    margin-right: 3rem !important;
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}

.ml-5, .mx-5 {
    margin-left: 3rem !important;
}

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

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

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

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

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

.p-1 {
    padding: 0.25rem !important;
}

.pt-1, .py-1 {
    padding-top: 0.25rem !important;
}

.pr-1, .px-1 {
    padding-right: 0.25rem !important;
}

.pb-1, .py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1, .px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2, .py-2 {
    padding-top: 0.5rem !important;
}

.pr-2, .px-2 {
    padding-right: 0.5rem !important;
}

.pb-2, .py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2, .px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3, .py-3 {
    padding-top: 1rem !important;
}

.pr-3, .px-3 {
    padding-right: 1rem !important;
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}

.pl-3, .px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important;
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important;
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5, .py-5 {
    padding-top: 3rem !important;
}

.pr-5, .px-5 {
    padding-right: 3rem !important;
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}

.pl-5, .px-5 {
    padding-left: 3rem !important;
}

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

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

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

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

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

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

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

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

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

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

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3, .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3, .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4, .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4, .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4, .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5, .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5, .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5, .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5, .mx-sm-5 {
        margin-left: 3rem !important;
    }

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

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

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

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

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

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3, .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3, .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3, .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3, .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4, .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4, .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4, .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4, .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5, .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5, .px-sm-5 {
        padding-left: 3rem !important;
    }

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

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

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

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

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

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

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

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

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

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

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1, .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1, .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1, .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2, .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2, .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2, .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3, .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3, .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3, .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3, .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4, .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4, .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5, .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5, .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5, .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5, .mx-md-5 {
        margin-left: 3rem !important;
    }

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

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

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

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

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

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1, .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1, .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1, .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2, .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2, .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2, .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3, .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3, .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3, .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3, .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4, .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4, .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4, .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5, .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5, .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5, .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important;
    }

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

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

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

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

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

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

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

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

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

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

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3, .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3, .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3, .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3, .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4, .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4, .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4, .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4, .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5, .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5, .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5, .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5, .mx-lg-5 {
        margin-left: 3rem !important;
    }

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

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

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

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

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

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3, .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3, .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3, .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3, .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4, .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4, .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4, .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4, .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5, .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5, .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5, .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5, .px-lg-5 {
        padding-left: 3rem !important;
    }

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

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

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

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

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

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

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

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

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

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

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3, .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3, .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3, .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4, .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4, .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5, .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5, .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5, .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5, .mx-xl-5 {
        margin-left: 3rem !important;
    }

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

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

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

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

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

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3, .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3, .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3, .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3, .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4, .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4, .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4, .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4, .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5, .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5, .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5, .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5, .px-xl-5 {
        padding-left: 3rem !important;
    }

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

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

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

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

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

.text-justify {
    text-align: justify !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%) !important;
}

a.text-primary:focus, a.text-primary:hover {
    color: #0062cc !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #545b62 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:focus, a.text-success:hover {
    color: #1e7e34 !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:focus, a.text-info:hover {
    color: #117a8b !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:focus, a.text-warning:hover {
    color: #d39e00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:focus, a.text-danger:hover {
    color: #bd2130 !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:focus, a.text-light:hover {
    color: #dae0e5 !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:focus, a.text-dark:hover {
    color: #1d2124 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *, ::after, ::before {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img, tr {
        page-break-inside: avoid;
    }

    h2, h3, p {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td, .table th {
        background-color: #fff !important;
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important;
    }
}

.btn-link {
    font-weight: 400;
    color: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%);
    background-color: transparent;
}

.collapse.show {
    display: block;
}

.collapse {
    display: none;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card > hr {
    margin-right: 0;
    margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .card-deck .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-group > .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .card-group > .card {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0;
    }

    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0;
    }

    .card-group > .card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
        border-top-right-radius: 0;
    }

    .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
        border-bottom-right-radius: 0;
    }

    .card-group > .card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
        border-top-left-radius: 0;
    }

    .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
        border-bottom-left-radius: 0;
    }

    .card-group > .card:only-child {
        border-radius: 0.25rem;
    }

    .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

    .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0;
    }

    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }

    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: unset;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%);
    transition: width .6s ease
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.bg-success {
    background-color: #C0E832
}

.bg-warning {
    background-color: #FFAA31
}

.bg-danger {
    background-color: #E44D26
}

.h1 {

    margin: 0;
    font-size: 2.52093101rem;
    line-height: 1.21;
    font-weight: 900;
    max-width: 75rem;
}

.h1 span {
color: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%); 
}

.r-soc.r-tel2 .rating_table .soc-t {
    color: #fff;
    background: #42a8db;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    vertical-align: middle;
    padding: 10px 18px 10px;
}
.r-soc.r-tel2 .rating_table {
    width: 100%;
}

 
.r-soc.r-tel2 .rating_table .soc-t {
        width: 100%;
    display: flex;
    max-width: 100%;
    flex-direction: column;
 
}
.r-soc.r-tel2 .rating_table .soc-t {
    color: #fff;
    background: linear-gradient(285.1deg, #1C93D2 24.06%, #36ADE0 92.7%);
 
}.r-soc.r-tel2 .rating_table h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 57px;
    line-height: 50px;
    margin-top: 10px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-left: 45px;
    text-align: left;
  
}.r-soc.r-tel2 .rating_table p {
    font-style: normal;
    font-weight: normal;
    font-size: 27px;
    line-height: 30px;
    color: #FFFFFF;
    font-weight: 700;
    text-align: left;
    margin-left: 20px;
    position: relative;
    top: 1px;
}

.site_container-rating-top {
    border: 2px solid #d3d3d3;
    border-radius: 8px;
    margin: 0 !important;
    padding: 20px 20px 10px 20px;}

.site_container-rating {
    margin: 0 10px !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.img-banner-block {
    display: flex;
    align-items: center;

}
.comment-block-rating a {
    display: flex !important;
    align-items: center;
}

.comment-block-rating svg path {
    fill: white;
}
.project-item {
    min-height: 100%;
    background: #fff;
    padding: 15px;
    border-radius: 0 10px 10px;
    position: relative;
    color: #5e5b54;
    overflow: hidden;
}
.projects-block .project-item {
    margin-bottom: 15px;
}
.projects-block .project-item:last-child {
    margin-bottom: 0px;
}


.project-item__rate {
    padding: 7px 30px 8px 19px;
    background-color: #28a745;
    display: flex;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    position: absolute;
    top: 0;
    right: -20px;
    border-radius: 0 0 0 10px;
} 

.tg-radius {
    border-radius: 8px;
}

.project-item__rate svg {
    margin-left: 5px;
    position: relative;
    top: 1px;
}
.project-item__head {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}.project-item__image {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    margin-right: 15px;
}.project-item__image img {
    display: block;
    border-radius: 10px;
    max-width: 100%;
    height: auto;
}.project-item__content {
    padding-right: 75px;
}.project-item__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #2f2b16;
}

.project-item__title a {
    color: black;
}

.project-item__foot {
    display: flex
;
    align-items: center;
}.project-item__reviews {
    flex-shrink: 0;
}

.grid-image {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.site_container-top {
    border: 2px solid #d3d3d3;
    border-radius: 8px;
    margin: 0 !important;
    padding: 20px 20px 10px 20px;
}

.site_container-top-two {
    border: 2px solid #d3d3d3;
    border-radius: 8px;
    margin: 0 !important;
    padding: 20px 20px 10px 20px;
}

.project-item__reviews a {
    width: 133px;
    display: flex
;
    justify-content: center;
    align-items: center;
    border: 1px solid #b9b9b9;
    border-radius: 8px;
    padding: 9px;
    font-size: 14px;
    line-height: 20px;
    color: #2f2b16;
    text-decoration: none;
    text-align: center;
}.project-item__reviews a svg {
    fill: #a19fa5;
    opacity: .5;
    margin-right: 7px;
    text-decoration: none;
}.project-item__link {
    flex-grow: 1;
    margin-left: 10px;
}.project-item__link span {
    display: flex
;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #2f2b16;
    cursor: pointer;
}.project-item__image {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    margin-right: 15px;
}
.commentsvg {
    margin-right: 13px !important;
}

.block-kapper-rating {

    margin-bottom: 20px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
     background: white;
    border-radius: 8px;
    padding: 15px 25px 15px 15px;
    background: #36ade0;
}
.block-kapper-rating:last-child {
border-bottom: none; 
}
.name-block-rating {
    font-weight: 700;
}


.name-block-rating p {
    margin: 0;
    padding: 0;
    color: white;
    line-height: 18px;
}

._2d8uus {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    height: 100%;
    -moz-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}

._1bq78av {
    background: var(--color-L100);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    -moz-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    height: 100%;
    padding: 16px 0px;
}


._1bq78av:last-child {
    border-bottom: none;
}

._av8j4x {
    grid-gap: 16px;
    -webkit-box-pack: justify;
    -moz-box-align: center;
    align-items: center;
    display: -moz-box;
    display: flex
;
    height: 44px;
    -moz-box-pack: justify;
    justify-content: space-between;
}._szdr0s {
    -moz-box-flex: 0;
    flex: 0 0 44px;
    height: 44px;
}._t38zbl {
    border: 1px solid var(--color-D06);
    border-radius: 12px;
    height: 100%;
    width: 100%;
}._e3hn99 {
    display: -moz-box;
    display: flex
;
    -moz-box-flex: 1;
    flex: 1 0;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    overflow: hidden;
}._14r1t6s {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-family: var(--font-aeroport);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    overflow: hidden;
    text-decoration: none;
}._1f3ewdn {
    -moz-box-align: center;
    align-items: center;
    display: -moz-box;
    display: flex;
    font-size: 12px;
}._71yfmv {
    margin-right: 4px;
}.Icon_module_size16__b8035f1d {
    width: 16px;
    height: 16px;
}.Icon_module_colorOrange__b8035f1d {
    color: var(--color-O100);
}._1f3ewdn {
    -moz-box-align: center;
    align-items: center;
    display: -moz-box;
    display: flex;
    background: #28a745;
    width: 60px;
    display: flex;
    padding: 0 10px;
    color: white;
    font-size: 12px;
    margin-top: 5px;
    justify-content: center;
}._1429tpc {
    display: -moz-box;
    display: flex
;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px;
    margin-top: 16px;
}._b027hy {
    margin-bottom: 8px;
    background: #36ade0;
    color: white;
    padding: 10px;
    border-radius: 8px;
}

._1et05kl, ._3qnw3r {
    display: block;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.span-ozenki {
    font-size: 16px;
    font-weight: 500;
}

.ico-stars {
    position: relative;
    top: -1px;
}

.star-single {
    width: 100px;
    position: absolute;
    right: 16px;
    top: 16px;
}

.h1-single {
    color: white;
    margin-bottom: 10px;
}

.bk__block-sin-head .bk__full-head {
    margin: 0;
    padding: 0;
    border-bottom: none;
 }

.tg-button-single {
    border: 2px solid;
}

.flex-tg {
    display: flex;
    justify-content: center;
}

.button-left-margin {
    margin-left: auto;
}

.flex-tg svg {
    width: 16px;
    height: 16px;
    margin-left: 7px;
}
.site_container-text {
    padding: 10px 0;
}

.site_container-text p {
color: black;
padding: 10px 0;

}

.flex-tg svg path {
    fill: white;
}

.container-block-single-figure img {
    width: 100%;
    max-width: 600px;
    max-height: 400px;
    object-fit: contain;
}
.index-h2 {
    padding: 0px 20px 0px 20px;
}
.index-text {
    padding: 0px 20px 0px 17px;
}

.bk__block-sin-seac {
    padding: 20px 30px 0px 30px !important;
}

.p-seacrh{
    margin: -20px 0 0 0 !important;
}
@media (max-width: 1200px) {

.mobile_header {
    display: flex !important;
    padding: 0 20px;
  
}

.footer__columns {
    padding: 0 20px;
}

.bk__block-margin {
    margin-top: 0px !important;
}

.bk__block {
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 20px 11px 15px 20px;
    overflow: hidden;
    overflow-x: auto;
}
}

button:focus-visible {
    outline: none;
}

.mobile-search {
    border: 0;
    background: 0;
    margin-left: auto !important;
    outline: none;
    cursor: pointer;

}

.flex-mobile-search {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
}

@media (max-width: 385px) {

.project-item__foot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

.project-item__head {
    margin-top: 16px;
}

}

.search-mobile {
    display: none;
    margin-top: 10px;
}

@media (max-width: 500px) {

.h1-404 {
    font-size: 32px;
}

.error-404 {
    font-size: 20px;
    line-height: 24px;
    text-wrap-style: balance;
}

.error-section__content {
    text-align: center;
    height: 300px;
    margin: 100px 50px 100px 50px;
    font-size: 28px;
}
}
@media (max-width: 1200px) {

.img-banner-block {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.h1-single {
    margin-bottom: 20px;
}
.flex-tg {
    min-width: initial;
}
.r-soc.r-tel2 .rating_table h1 {
    font-size: 32px;
    margin-left: 0px;
    line-height: 24px;
    text-align: center;
    text-wrap-style: balance;
}
.r-soc.r-tel2 .rating_table p {
    margin-left: 0px;
    font-size: 22px;
}

.main__rates {
    margin-top: 20px;
}
}

@media (max-width: 500px) {
    .r-soc.r-tel2 .rating_table h1 {
font-size: 22px;

    }


    .r-soc.r-tel2 .rating_table p {
    margin-left: 0px;
    font-size: 16px;
}}

@media (max-width: 850px) {

.main__rates .main__rates-list .main__rates-list__item .main__rates-list__item-content {
    flex-wrap: wrap;
    justify-content: start;
}

.main__rates .main__rates-list .main__rates-list__item .main__rates-list__item-content .main__rates-list__item-info.main__rates-pay {
        width: 100%;
        justify-content: space-evenly;
        margin-bottom: 15px;
    }
    .main__rates .main__rates-list .main__rates-list__item .main__rates-list__item-content .main__rates-list__item-btn__default {
        width: 100% !important;
        text-align: center;
    }
    .flex-tg {
        display: flex;
    justify-content: center;
    width: 100% !important;
    }

    .main__rates-list__item-content .flex-tg {
        margin-top:10px;
    }

    .main__rates-list__item-logo span {
        min-width: 100%;
    }
    .gift_width {
        width: 100%;
    text-align: center;
    display: flex
;
    justify-content: center;
    margin-top: 13px;
    margin-bottom: 13px;
    }
    .main__rates-list__item .main__rates-list__item-logo.rates_block__logo {
        justify-content: center;
        max-width: initial;
        padding: 0;
        margin: 0;
        margin-left: 0px !important;
    }
    .main__rates-list__item-logo span {
        min-width: initial;
    }
}

.main__rates .main__rates-list {
    margin: 20px 0 0 0 !important;
}
@media (max-width: 365px) {

.baza {
    margin-left: 0px;
}}
@media (max-width: 1200px) {

.button-left-margin {
    margin-left:0px;
}}

.comment-respond {
    
}

.comment-form-comment {
    padding: 0;
}

.comment-image {
    display: flex;
}

.autor-com {
    padding: 0 !important;
    margin-bottom: 5px !important;
    font-size: 18px;
    color: white;
    font-weight: 500;
}

.comment-form-comment label {
    font-size: 20px;
}
.comment-form-image {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.comment-form-image label {
    margin: 0;
}


.comment-form-image input {
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    cursor: pointer;
    padding: 12px 16px;
    background: #36ade0;
    border: none !important;
}

.comment-form-rating label {
    width: 100%;
    font-size: 18px;
}

.form-submit .submit {
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    cursor: pointer;
    padding: 12px 16px;
    background: #36ade0;
    border: none !important;
}

.comment-form select {
    display: flex;
    width: 100%;
    padding: 10px 10px 10px 10px;
    border: 2px solid #cbcbcb;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(https://kappertelegram.ru/wp-content/themes/kappertelegram/images/ar.svg) no-repeat right 15px center;
    background-size: 24px 24px;
}
 
.comment-form-author input {
    border: 2px solid #cbcbcb;
    padding: 5px 10px 5px 10px;
}
.comment-form-email input {
    border: 2px solid #cbcbcb;
    padding: 5px 10px 5px 10px;
}
.comment-form-author {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.form-submit {
    text-align: end !important;
}
.comment-form-email{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.comment-block-sing {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
@media (max-width: 750px) {

.comment-block-sing {
    flex-wrap: wrap;
    gap: 0px;
}}


@media (max-width: 550px) {

.comment-form-image {
    flex-wrap: wrap;
    justify-content: center;

}

.comment-form-image label {
    margin-bottom: 10px;
}
.form-submit .submit {
    width: 100%;
}
}
@media (max-width: 400px) {

.h2, h2 {
    font-size: 2rem;
}}

@media (max-width: 380px) {

.comment-form-image input {
    font-size: 12px;
}}
.h1-single-mar {
    margin-right: 10px;
}
@media (max-width: 1200px) {

    .h1-single-mar {
    margin-right: 0px;
}}

    .arrotBlockRates {
        border: unset;
        background: none;
        padding: 0;
    }
    .arrotBlockRates i {
        padding: 2px 5px;
        background: #d5316d;
        border-radius: 7px;
        width: 35px;
        height: 20px;
    }
    .mt-10 {
        margin-top: 10px;
    }
    .bk__full-block__section ul {
        padding-left: 20px;
    }