/* fonts */

/* Black */
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-Black.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-Black.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-BlackItalic.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-BlackItalic.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-Bold.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-Bold.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-BoldItalic.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-BoldItalic.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* ExtraBold */
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-ExtraBold.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-ExtraBold.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-ExtraBoldItalic.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-ExtraBoldItalic.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-ExtraBoldItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* ExtraLight */
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-ExtraLight.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-ExtraLight.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-ExtraLightItalic.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-ExtraLightItalic.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

/* Light */
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-Light.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-Light.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-LightItalic.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-LightItalic.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Medium */
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-Medium.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-Medium.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-MediumItalic.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-MediumItalic.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Regular */
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-Regular.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-Regular.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-RegularItalic.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-RegularItalic.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-RegularItalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* SemiBold */
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-SemiBold.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-SemiBold.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-SemiBoldItalic.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-SemiBoldItalic.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* Thin */
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-Thin.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-Thin.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FixelDisplay';
    src: url('/bundles/founders/fonts/FixelDisplay-ThinItalic.otf') format('opentype'),
         url('/bundles/founders/fonts/FixelDisplay-ThinItalic.woff') format('woff'),
         url('/bundles/founders/fonts/FixelDisplay-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* END fonts */

/* root color */

html.light {
    --global-white-color: #fff;
    --global-dark-color: #000;
}

html.dark {
    --global-white-color: #000000;
    --global-dark-color: #fff;
    --global-dark-second-color: #eeeeee;
    --global-gray-second-color: #eeeeee;
    --global-dark-opacity-color: #eeeeee;
    --global-dark-opacity-second-color: rgba(0, 0, 0, 0.40);
    filter: grayscale();
}

:root {
    --global-white-color: #fff;
    --global-dark-color: #000;
    --global-dark-second-color: #e02a2a;
    --global-gray-second-color: #1e2a32;
    --global-dark-opacity-color: rgba(0, 0, 0, 0.40);
    --global-dark-opacity-second-color: #ffffff;
}

html.dark>body>section.breadcrumbs {
    background: gainsboro;
}

html.dark>body>section.stocks.section-padding,
html.dark>body>section.four-steps.section-padding,
html.dark>body>section.about-company.section-padding {
    background: gainsboro;
}

/* END root color */

body{
    font-family: 'FixelDisplay' !important;
}

/* breadcrumbs-new */

.breadcrumbs-new {
    background: url(../img/bradcam.png) no-repeat;
    padding: 30px 0;
    color: var(--global-white-color);
    width: 100%;
    background-size: cover;
}

.breadcrumbs-new span {
    color: white !important;
}

.breadcrumbs-new ol {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 20px 0px;
    align-items: center;
    margin: 0;
}

.breadcrumbs-new ol span {
    color: var(--global-dark-color);
    font-size: 14px;
    font-style: normal;

    white-space: nowrap;
}

.breadcrumbs-new ol span.breadcrumbs_item_disable {
    color: #adadad;
}

@media (max-width: 991px) {
    .breadcrumbs-new ol {
        overflow-y: hidden;
        overflow-x: auto;
    }
}

/* END breadcrumbs-new */

.svg-icon {
    width: 1em;
    height: 1em;
    margin: 0 .5em 0 0;
}

.header-logo {
    height: 65px;
}

.hidden {
    position: absolute;
    height: 0;
    width: 0;
    top: -100px;
    left: -100px;
}

.flexbox-wrapper {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.table tr td,
.table tr th {
    width: 100%;
    display: inline-block;
}

.nav-link {
    padding: 1rem 1rem;
}

.header-info .header-info-item.header-info-btn button:hover,
.header-info .header-info-item:last-child button:hover,
.menu-main a:hover,
.menu-main button:hover {
    text-decoration: none
}

.header .container {
    position: relative;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: transparent;
}

#navbar-collapse-header .sub-menu li,
footer ul {
    list-style: none
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: transparent;
}

.btn {
    border-radius: 0 !important
}

.no-padd {
    padding: 0 !important
}

.padd-l {
    padding-left: 0 !important
}

.padd-r {
    padding-right: 0 !important
}

.section-padding {
    padding: 8.75rem 0
}

.section-title {
    color: #0a0a0a;
    font-size: 2.25rem;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 5rem;
    font-weight: 600;

}

.section-title h2 {
    font-size: 2.25rem;

}

.btn-red,
.btn-red:hover,
.btn-transparent,
.btn-transparent-white,
.btn-transparent-white:hover,
.btn-transparent:hover {
    font-size: .75rem !important;
    text-transform: uppercase !important
}

.section-grey {
    background: #fdfdfd
}

.btn-field {
    text-align: center !important;
    padding-top: 4rem !important
}

.btn-red,
.btn-transparent-white {
    padding: .75rem 3.75rem !important;
    font-weight: 600 !important
}

.btn-group-slider a {
    margin: 0 10px;
}

.btn-red {
    color: var(--global-white-color) !important;
    border: 1px solid var(--global-dark-second-color) !important;
    background: var(--global-dark-second-color) !important;
    border-radius: 0 !important
}

.btn-red:hover {
    border: 1px solid var(--global-white-color) !important;
    color: var(--global-white-color) !important;
    border-radius: 0 !important
}

.btn-red:hover {
    background: #e0292bc7 !important;
    border-color: #e0292bc7 !important;
}

.btn-transparent-white {
    border: 1px solid var(--global-white-color) !important;
    color: var(--global-white-color) !important;
    background: 0 0 !important;
    border-radius: 0 !important
}

.btn-transparent-white:hover {
    border: 1px solid transparent !important;
    color: var(--global-white-color) !important;
    background: #a4a4a4a8 !important;
    border-radius: 0 !important
}

.btn-transparent {
    border: 1px solid #0a0a0a !important;
    color: #0a0a0a !important;
    padding: .79rem 2.5rem !important;
    background: 0 0 !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
}

.btn-transparent:hover {
    border: 1px solid #a4a4a4a8 !important;
    color: var(--global-white-color) !important;
    background: #a4a4a4a8 !important;
    border-radius: 0 !important;
    text-decoration: none;
}

.btn-collapse {
    border: none !important;
    box-shadow: none !important
}

.btn-collapse,
.btn-collapse:hover {
    background: 0 0 !important;
    color: #0a0a0a !important
}

.btn-collapse:hover {
    box-shadow: none !important
}


/*header*/

.dropdown-toggle::after {
    display: none;
}

.navigation {
    padding-left: 20px;
    padding-right: 20px;
}

.header .sub-menu>li {
    flex: 0 1 25%;
}

.header .nav-item img {
    width: 100%;
    max-width: 256px;
    height: 150px;
    object-fit: cover;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    border-top: 2px solid transparent !important;
    visibility: hidden !important;
}

.header .nav-item a:hover img {
    filter: grayscale(0);
    transition: .3s ease;
    border-top: 2px solid #da393e !important;
}

#navbar-collapse-header li:hover>.sub-menu img {
    visibility: visible !important;
}

.header .nav-item>.nav-link,
.header .nav-item>.nav-link:hover {
    color: var(--global-white-color) !important;
}

header .fa-angle-down {
    vertical-align: middle;
    padding-left: 6px;
}

@media (min-width: 1200px) {
    .brand {
        order: 1;
    }

    .navigation {
        order: 2;
    }

    .header-info {
        order: 3;
    }

    .header-info .header-info-item.header-info-btn {
        min-width: 138px;
    }

    .header-phone-icon {
        display: none;
    }

    .sub-menu>li .menu-image-title {
        color: var(--global-dark-color);
        font-size: 14px;
        text-align: center;
        font-weight: 600;
        padding: 15px 0;
        display: block;
        border: 1px solid #e4e4e4;
        max-width: 256px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    #navbar-collapse-header .sub-menu {
        box-shadow: 7px -2.21px 29px 0 rgba(1, 0, 0, .35);
        position: absolute;
        display: flex;
        width: 100%;
        min-width: inherit;
        flex-wrap: wrap;
        justify-content: start;
        z-index: 1000;
        left: 0;
        padding: 30px 10px 10px 10px;
        opacity: 0;
        margin: -8px 0 0;
        visibility: hidden;
        background: var(--global-white-color);
        transform: translateY(10%);
        transition: .2s ease;
        text-align: inherit;
        border: transparent;
        border-radius: 0;
    }

    #navbar-collapse-header li:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(8px)
    }

    .dropdown {
        position: inherit;
    }

    .dropdown-divider {
        display: none;
    }

    .dropdown-item {
        padding: 0;
    }
}

@media (max-width: 1199px) {
    section.consultation-form-first.plashka div {
        padding: 0;
    }

    section.consultation-form-first.plashka span {
        font-size: 16px !important;
    }

    section.consultation-form-first form input {
        max-width: 166px !important;
    }

    .brand {
        order: 1;
        flex: 1 1 130px;
    }

    .navigation {
        padding-left: 12px;
        padding-right: 12px;
    }


    span.title-breadcrumbs {
        font-size: 26px;
    }


    .header-info .header-info-item.header-info-btn button {
        font-size: .525rem !important;
        padding: .76rem 0;
    }

    .navigation {
        order: 2;
        flex: 1 1 90%;
    }

    .header-info {
        order: 3;
        flex: 1 1 12%;
    }

    .header-info .header-info-item.header-info-btn {
        min-width: 90px;
        width: 110px;
    }

    .navbar {
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0;
    }

    .header-phone-icon {
        display: none;
    }

    .header .nav-link {
        padding: .7rem 1rem;
        font-size: 14px;
    }

    .sub-menu>li a {
        display: inline-block
    }

    .sub-menu>li .menu-image-title {
        color: var(--global-dark-color);
        font-size: 14px;
        text-align: center;
        font-weight: 600;
        padding: 15px 0;
        max-width: 220px;
        margin: 0 auto;
        display: block;
        border: 1px solid #b3b3b3;
        margin-bottom: 20px;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        background-color: transparent;
        outline: none;
    }

    #navbar-collapse-header .sub-menu {
        box-shadow: 7px -2.21px 29px 0 rgba(1, 0, 0, .35);
        position: absolute;
        display: flex;
        width: 100%;
        min-width: inherit;
        flex-wrap: wrap;
        justify-content: start;
        z-index: 1000;
        left: 0;
        padding: 30px 10px 10px 10px;
        opacity: 0;
        margin: -8px 0 0;
        visibility: hidden;
        background: var(--global-white-color);
        transform: translateY(10%);
        transition: .2s ease;
        text-align: inherit;
        border: transparent;
        border-radius: 0;
    }

    #navbar-collapse-header li:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(8px)
    }

    .dropdown {
        position: inherit;
    }

    #navbar-collapse-header .dropdown-divider {
        display: none;
    }

    .dropdown-item {
        padding: 0;
    }
}

@media (max-width: 991px) {
    #navbar-collapse-header .dropdown-item a {
        padding: .25rem 0;
    }

    .landing-padding {
        padding: 40px 15px 60px !important;
    }

    #navbar-collapse-header .dropdown-menu {
        display: none !important;
    }

    .brand {
        order: 1;
        flex: 1 1 auto;
    }

    .navigation {
        order: 3;
        flex: 1 1 100%;
        padding: 0;
    }

    .header-info {
        display: none;
    }

    .header-phone-icon {
        display: block;
        order: 2;
        background-color: transparent;
        border: transparent;
    }

    #navbar-collapse-header .dropdown-menu.show {
        display: block !important;
        background-color: var(--global-white-color);
        border-radius: 0;
        margin-top: -1px;
        border: none;
    }

    #navbar-collapse-header .nav-fill .nav-item {
        text-align: left;
    }

    #navbar-collapse-header .dropdown-divider {
        display: block;
        margin: 0;
    }

    #navbar-collapse-header .dropdown-item {
        padding: .25rem 1.5rem;
        border-color: transparent;
    }

    #navbar-collapse-header .dropdown-item .menu-image-title {
        margin: 0;
        padding: 0;
        border-color: transparent;
        font-size: 18px;
        font-weight: 600;
    }

    .header .sub-menu>li {
        text-align: left;
    }

    #navbar-collapse-header li:hover>.sub-menu {
        opacity: inherit;
        visibility: inherit;
        transform: inherit;
    }

    #navbar-collapse-header .sub-menu {
        display: none;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        position: static;
        width: 100%;
        flex-wrap: inherit;
        z-index: 1000;
        left: 0;
        padding: .5rem 0;
        margin: 0;
        background-color: var(--global-white-color);
        transform: inherit;
        border-radius: 0;
        border: none;
    }

    #navbar-collapse-header .sub-menu img {
        display: none;
    }

    #navbar-collapse-header .nav-item>.nav-link {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 18px;
        letter-spacing: 1px;
        border-radius: 0;
    }

    #navbar-collapse-header .nav-item.show>.nav-link {
        background-color: #da393e;

    }

    .c-hamburger {
        display: inline-block;
        position: relative;
        overflow: hidden;
        padding: 0;
        order: 3;
        margin-left: 1.5625rem;
        width: 38px;
        height: 44px;
        font-size: 0;
        text-indent: -9999px;
        appearance: none;
        box-shadow: none;
        border-radius: 0;
        border: none;
        cursor: pointer;
        transition: background .3s;
        outline: none !important;
    }

    .c-hamburger--htx.is-active span {
        background: 0 0;
    }

    .c-hamburger--htx span {
        transition: background 0s .3s;
    }

    .c-hamburger span {
        display: block;
        position: absolute;
        top: 22px;
        width: 42px;
        right: 0;
        height: 3px;
        background: #E1E1E1;
    }

    .c-hamburger--htx span::before {
        transition-property: top, transform;
        margin-top: .5rem;
    }

    .c-hamburger--htx span::after,
    .c-hamburger--htx span::before {
        transition-duration: .3s, .3s;
        transition-delay: .3s, 0s;
    }

    .c-hamburger span::before {
        top: -20px;
    }

    .c-hamburger span::after,
    .c-hamburger span::before {
        position: absolute;
        display: block;
        right: 0;
        width: 42px;
        height: 3px;
        background-color: #E1E1E1;
        content: "";
    }

    .c-hamburger span::after {
        bottom: -20px;
    }

    .c-hamburger--htx span::after {
        transition-property: bottom, transform;
        margin-bottom: .5rem;
    }

    .c-hamburger--htx.is-active span::before {
        top: 0;
        transform: rotate(45deg);
    }

    .c-hamburger--htx.is-active span::after {
        bottom: -8px;
        transform: rotate(-45deg);
    }

    .c-hamburger--htx.is-active span::before,
    .c-hamburger--htx.is-active span::after {
        transition-delay: 0s, .3s;
        margin-top: 0;
    }

    .contcts-dropdown.show {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

    .contcts-dropdown-m {
        flex: 1 1 100%;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        order: 5;
        color: #0e0e0e;
        background-color: var(--global-white-color);
    }
}

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

    .header-top .header-top-title {
        font-size: 12px;
    }

    .header-top-lang li {
        vertical-align: text-top;
    }

    .header-top-row {
        padding-top: 12px !important;
        padding-bottom: 2px !important;
    }

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

    .mobile-li-lang {
        right: 110px;
        position: absolute;
        top: 2px;
    }

    .brand {
        order: 1;
    }

    .navigation {
        order: 3;
        flex: 1 1 100%;
        border-top: 2px solid var(--global-white-color);
        margin-top: 1.25rem;
    }

    .header-phone-icon {
        order: 2;
    }

    .header-info {
        display: none;
    }

    .header .nav-link {
        padding: 0.7rem 1rem;
    }

    .stocks-footer .col-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

}

.header-top {
    margin-bottom: 8px;
}

.header-top-row {
    border-bottom: 1px solid #414141;
    padding-bottom: 4px;
}

.header-top-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--global-white-color);
    text-align: left;
    width: 100%;
    display: block;
}

.header-top-lang {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.header-top-lang li {
    display: inline-block;
}

.header-top-lang li a {
    font-size: 14px;
    color: #a1a1a1 !important;
    font-weight: 600;
    text-decoration: none;
}

.header-top-lang li a.active {
    color: #fefefe !important;
}

.header-top-lang li a:last-child {
    padding-left: 8px;
}

.header-login {
    margin: 0 0 0 35px;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 15px;
}

.header-login a {
    display: inline-block;
    max-width: 240px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #A1A1A1;
    text-decoration: none;
    transition: all .18s;
}

.header-login a:hover {
    color: var(--global-white-color);
}

.header-login .svg-icon {
    width: 26px;
    height: 26px;
    margin: -2px 5px 0 0;
    color: var(--global-white-color);
}

@media (min-width: 768px) {
    .header-top-col-title {
        margin-bottom: 0;
    }

    .header-login .svg-icon {
        width: 1rem;
        height: 1rem;
    }
}


/*end header*/

.f-nav {
    padding: 8px 0 8px !important
}

.f-nav li:hover .contcts-dropdown {
    top: 56px !important
}


.nav-wrapper {
    justify-content: space-between;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .header .nav-item img {
        max-width: 220px;
    }

    .contacts-item {
        position: inherit !important;
    }
}

.contacts-item {
    position: relative;
}



.menu-main {
    position: absolute;
    width: 100%;
    margin-left: -15px;
    top: 40%
}

.menu-main a {
    font-size: 14px;
    color: #221e1f;
    transition: .4s ease
}

.menu-main hr {
    margin-top: 4px;
    border-top: 1px solid #a0acb3
}


header .contacts-link {
    padding: 30px 1rem !important
}

@media (max-width: 1199px) and (min-width: 992px) {
    .contcts-dropdown {
        transform: translateY(110%) !important;
        right: 0;
        bottom: 0;
        top: inherit !important;
    }

    li:hover .contcts-dropdown {
        transform: translateY(100%) !important;
    }

    .sub-menu>li .menu-image-title {
        text-align: left;
    }
}

.contcts-dropdown {
    position: absolute;
    display: block;
    visibility: hidden;
    opacity: 0;
    color: #0e0e0e;
    min-width: 338px;
    max-width: 338px;
    top: 54px;
    background-color: var(--global-white-color);
    z-index: 999;
    box-shadow: 7.69px -2.21px 29px 0 rgba(1, 0, 0, .35);
    transform: translateY(20px);
    transition: .2s ease;
}

.contcts-dropdown span {
    float: right;
    font-weight: 600;
}

.mail-ico-header {
    width: 18px;
    height: 16px;
    background: url(../img/tel-header.png) no-repeat;
    margin: 4px 10px 0 0;
    float: left !important
}

.clock-ico-header {
    width: 18px;
    height: 18px;
    background: url(../img/clock-header.png) no-repeat;
    margin: 2px 14px 4px 0;
    float: left !important
}

.contcts-dropdown p {
    margin-bottom: 6px;
    font-size: 14px;
    display: inline-block;
    color: var(--global-dark-color);
}

.contcts-dropdown p.red {
    color: var(--global-dark-second-color)
}

.contcts-dropdown-head {
    padding: 20px
}

.contcts-dropdown-footer {
    background: var(--global-dark-opacity-second-color);
    padding: 20px;
}

.contcts-dropdown-footer p {
    display: block
}

/*li:hover .contcts-dropdown {*/
/*    visibility: visible;*/
/*    opacity: 1;*/
/*    transform: translateY(0);*/
/*    text-align: left;*/
/*}*/

.header-info li,
.navigation .navigation-item {
    display: inline-block
}

.contcts-dropdown a {
    color: var(--global-dark-color) !important
}

header {
    background: var(--global-dark-color);
    padding: 12px 0 12px;
    position: sticky;
    z-index: 2;
    width: 100%;
    top: 0;
}

.header .col-auto.no-padd {
    padding-top: 6px !important
}



.navigation .navigation-item a {
    color: var(--global-white-color);
    font-size: .875rem;
    font-weight: 600;
    padding: 30px 1rem
}

/*ul.sub-menu li a {*/
/*padding: 0 1rem !important*/
/*}*/

.navigation .navigation-item a i.fas.fa-angle-down {
    vertical-align: middle;
    margin-left: 6px
}

.header .nav-item>.nav-item a:hover {
    color: var(--global-white-color);
    text-decoration: none
}

.header-info {
    padding-left: 0;
    margin-bottom: 0;
}

.header-info li {
    max-height: 35px;
}

.header-info .header-info-item.header-info-btn button {
    background: var(--global-dark-second-color);
    text-align: center;
    font-weight: 600;
    margin: 0 .15rem 0 0;
    color: var(--global-white-color);
    font-size: .625rem;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    width: 100%;
    padding: .65rem 0
}

.header-info .header-info-item.header-info-btn {
    background: var(--global-white-color);
    margin-left: 0
}

.header-info .header-info-item:last-child a {
    padding: 12px 10px 10px;
    margin-left: 0;
    display: block;
}

.header-info .header-info-item:last-child:hover {
    background: #eeeeee;
    cursor: pointer
}

.header-info .header-info-item:last-child .header-info-language-chooser {
    color: var(--global-dark-color);
    font-weight: 600;
    font-size: .5rem;
    text-transform: uppercase;
    background: 0 0;
    border: none;
    cursor: pointer;
    outline: none;
}

.header-info .header-info-item .header-tel {
    display: none
}

.header-info .header-info-item:hover .header-tel {
    display: block
}

/*.header-info .header-info-item:hover .header-text {*/
/*display: none*/
/*}*/

.breadcrumbs {
    background: url(../img/bradcam.png) no-repeat;
    padding: 30px 0;
    color: var(--global-white-color);
    width: 100%;
    background-size: cover;
}

.breadcrumbs a {
    color: var(--global-white-color);
}

.breadcrumbs a:hover {
    color: var(--global-white-color);
}

span.title-breadcrumbs {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding-bottom: 20px
}

section.breadcrumbs span:nth-child(2) {
    padding-left: 0 !important
}

section.breadcrumbs .arrows {
    padding: 0 10px
}

.pay {
    background: url(../img/pays.4610323.png) no-repeat fixed;
    background-size: cover;
    padding-bottom: 14.375rem;
    width: 100%
}

.pay .pay-contents {
    text-align: center;
    font-size: 1.125rem;
    margin: 0 auto;
    text-transform: uppercase;
}

.pay .pay-contents .pay-block-number {
    border: 3px solid #f5f5f5;
    padding: 1.5625rem;
    max-width: 600px;
    margin: 0 auto;
    display: block;
}

.pay .pay-contents .pay-block-number .pay-block-number-title {
    background: var(--global-dark-second-color);
    color: var(--global-white-color);
    text-transform: uppercase;
    font-size: 2.25rem;
    display: block;
    padding: 1.25rem;
    font-weight: 600;
}

.pay-block-number-title a {
    color: var(--global-white-color) !important;
}

.pay .pay-contents .pay-block-title {
    margin-bottom: 1.5rem;
    display: inline-block
}

.pay .pay-contents .pay-block-subtitle {
    margin-top: 1.5rem;
    display: inline-block
}

.pay .pay-contents .pay-block-subtitle-red {
    color: var(--global-dark-second-color);
    font-weight: 600;
}

.landing-padding {
    padding: 40px 0 60px
}

.two-block-company .video-block {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
}

.two-block-company .video-block iframe {
    width: 100%;
    height: 100%;
}

.about-company {
    background: url(../img/about-company.c02a4ce.png) no-repeat;
    background-size: cover;
    width: 100%
}

.about-company .section-title {
    color: var(--global-white-color)
}

.about-company .jumbotron {
    max-width: 780px;
    margin: 0 auto;
    padding: 3.125rem 2.5rem;
    text-align: center;
    border-radius: 0
}

.about-company .jumbotron .jumbotron-title {
    font-size: 1.5rem;
    margin-bottom: 3.125rem;
    display: inline-block
}

.about-company .jumbotron .jumbotron-subtitle {
    font-size: 1.125rem;
    margin-bottom: 3.125rem;
    display: inline-block
}

.documents-required .card {
    background: #fdfdfd;
    border-radius: 0;
    border: 1px solid #b3b3b3
}

.documents-required .card h5 {
    text-align: center;
    font-size: 18px;
    color: #1c1414;
    margin-bottom: 0;
    min-height: 44px
}

.documents-required .card .indor-block {
    margin: 20px;
    background: var(--global-dark-opacity-second-color);
    padding: 20px
}

.documents-required .card .indor-block .card-body {
    padding: 20px 0 0
}

.documents-required .col:nth-child(1) .card .indor-block img {
    width: 65px;
    padding: 6px 0
}

.documents-required .card .indor-block img {
    width: 54px;
    margin: 0 auto;
    display: block
}

.documents-required .row:nth-child(3n) {
    width: 100%;
    text-align: center;
    display: block
}

.landing-btn {
    padding: 54px 0
}

.landing-btn button {
    margin: 0 10px;
    min-width: 200px;
    padding: 12px 31px !important
}

.landing .landing-btn .landing-head-btn:hover {
    border: 1px solid #e0292bc7 !important;
    color: var(--global-white-color) !important;
    cursor: pointer
}

.landing-btn button.btn-red:hover {
    border: 1px solid #e0292bc7 !important;
    color: var(--global-white-color) !important;
    cursor: pointer;
}

.landing-btn button.btn-transparent:hover {
    cursor: pointer;
    border: 1px solid transparent !important;
    color: var(--global-white-color) !important;
    background: #a4a4a4a8 !important;
}

.compensation {
    background: url(../img/ba-land-car.png) no-repeat fixed;
    background-size: cover;
    padding: 144px 0;
    width: 100%
}

.compensation .compensation-contents {
    margin: 0 auto;
    text-align: center
}

.compensation .compensation-contents img {
    padding: 30px 0
}

.compensation .compensation-contents .sub-title-compensation,
.compensation .compensation-contents .title-compensation {
    font-size: 2.25rem;
    padding-bottom: 5rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase
}

.compensation .compensation-contents .title-compensation {
    color: #0a0a0a
}

.compensation .compensation-contents .sub-title-compensation {
    color: var(--global-dark-second-color)
}

.compensation .compensation-contents .compensation-contents-subtitle {
    font-size: 18px;
    text-transform: uppercase;
    max-width: 70%;
    display: block;
    margin: 0 auto
}

.compensation .row:nth-child(2n) {
    width: 100%;
    text-align: center;
    display: block
}

.compensation .landing-btn {
    padding: 30px 0 0
}

.compensation .landing-btn button {
    margin: 0 10px;
    min-width: 200px;
    padding: 12px 31px !important
}

.compensation .landing-btn button.btn-red:hover {
    border: 1px solid #e0292bc7 !important;
    color: var(--global-white-color) !important;
    cursor: pointer
}

.compensation .landing-btn button.btn-transparent:hover {
    cursor: pointer;
    border: 1px solid transparent !important;
    color: var(--global-white-color) !important;
    background: #a4a4a4a8 !important;
}

.advanced-questions .section-title {
    padding-bottom: 30px
}

.advanced-questions .card {
    margin: 40px 0;
    border-left: 0;
    border-right: 0
}

.advanced-questions .card-header span {
    padding-top: 6px;
    display: block
}

.advanced-questions button {
    padding: 0;
    white-space: inherit;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #0a0a0a;
    background: #fdfdfd;
    margin-top: 0;
    margin-bottom: -1px;
    border: none
}

.advanced-questions .btn-link:hover {
    color: var(--global-dark-color);
    text-decoration: none;
    background-color: transparent;
    border-color: transparent
}

.card-header button img {
    margin-right: 14px;
    float: left
}

.advanced-questions .card {
    border-top: 1px solid rgba(0, 0, 0, .125) !important;
    border-bottom: none
}

.advanced-questions .card div {
    background: #fdfdfd;
    padding: 0;
    padding-bottom: 12px;
}

.advanced-questions .card-header {
    background-color: #fdfdfd;
    border-bottom: none
}

.advanced-questions .card-body {
    background: #fdfdfd;
    margin-left: 70px;
    padding-right: 0;
    padding-left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.advanced-questions .row .btn-field {
    padding-top: 30px !important
}

.advanced-questions button.collapsed .img-plus {
    display: block
}

.advanced-questions button .img-plus,
.advanced-questions button.collapsed .img-minus {
    display: none
}

nav.footer-contacts ul li a {
    text-decoration: none;
    color: var(--global-white-color)
}

.stocks-footer {
    width: 100%
}

.stocks-footer .card a {
    overflow: hidden;
}

.stocks-footer .section-title {
    color: #1c1414
}

.stocks-footer .card {
    border: none;
    border-radius: 0;
    border-top: 2px solid transparent !important;
}

.stocks-footer .card:hover {
    border-top: 2px solid #da393e !important
}

.stocks-footer .card:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: .3s ease
}

.stocks-footer img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    border-radius: 0;
    max-height: 210px;
}

.stocks-footer .card-body {
    background: var(--global-white-color);
    padding: 1.5625rem;
    border: 2px solid #b3b3b3
}

.stocks-footer .card-body .card-calendar {
    text-align: center;
    background: var(--global-dark-color);
    color: var(--global-white-color);
    margin-right: .625rem;
    font-size: .75rem;
    padding: .625rem .75rem;
    max-height: 6.25rem
}

.stocks-footer .card-body .card-calendar span {
    display: block;
    line-height: 1.4
}

.stocks-footer .card-body .card-calendar .calendar-date {
    font-size: 1.875rem;
    font-weight: 300;
}

.stocks-footer .card-body .stock-date {
    font-size: .75rem;
    line-height: 1.5;
    padding-bottom: 1.25rem;
    color: #5d5d5d;
    font-weight: 300;
}

.stocks-footer .card-body .date-card-ico {
    display: block;
    float: left;
    width: 14px;
    height: 16px;
    margin-right: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAq0lEQVQoke3NIW4CURQF0DMwchaAIsEjWjksgm1gqGATVSygCZYV1GIw/yGpKAKFqGEBI2qaX9NBEEhoVQU3eeKKc5+cs5yzFDFNEcu2n1+KWKaIp7YXKWKGMQao8O5yhmhwwGuJORYo0MP6CuzhiD3mJTp4QR/DUV0/X1Kx2Xxihw9MihSR8Tiq67crn84HHrBtYYOvWyC6qMqfUt2ITun8Ftzhv4WrP7jVNxYZSzP0QD/jAAAAAElFTkSuQmCC) no-repeat
}

.stocks-footer .card-body .card-text {
    font-size: .875rem;
    margin-bottom: 1.25rem;
    font-weight: 600;
    height: 18px;
    overflow: hidden;
}

.stocks-footer .card-body .card-link {
    color: #2879c3;
    font-size: .875rem;
    border-bottom: 1px solid
}

.pagination-stocs-news {
    margin: 0 auto;
    max-width: 300px;
    border-radius: 0
}

.pagination-stocs-news ul li a {
    border-radius: 0 !important;
    padding: 10px 15px;
    color: #0a0a0a
}

.pagination-stocs-news .page-item.active .page-link {
    z-index: 1;
    color: var(--global-white-color);
    background-color: var(--global-dark-second-color);
    border-color: var(--global-dark-second-color)
}

.right-col-news-stock .landing-block {
    margin-bottom: 33px;
    border: none
}

.right-col-news-stock .landing-block a {
    text-decoration: none
}

.right-col-news-stock .card-body {
    border: none;
    padding: 0
}

.right-col-news-stock .card-title {
    padding: 70px 0;
    text-align: center;
    font-size: 20px;
    color: var(--global-white-color);
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase
}

.right-col-news-stock .kasko {
    background: url(../img/kasko.png) no-repeat;
    width: 100%;
    background-size: cover
}

.right-col-news-stock .additional-insurance {
    background: url(../img/oboviyazkove.png) no-repeat;
    width: 100%;
    background-size: cover
}

.right-col-news-stock .compulsory-insurance {
    background: url(../img/dobrovilne-bg.png) no-repeat;
    width: 100%;
    background-size: cover
}

.subscribe-form {
    color: var(--global-white-color);
    background: var(--global-dark-color);
    padding: 40px;
    text-align: center;
    font-size: 14px
}

.subscribe-form p {
    margin-bottom: 0 !important
}

.subscribe-form p:last-child {
    font-size: 10px;
    color: #d9dada
}

.subscribe-form form {
    padding: 20px 0 0
}

.subscribe-form i {
    font-size: 50px;
    color: #e0e0e0;

    padding-bottom: 33px
}

.subscribe-form form button,
.subscribe-form form input {
    width: 100%;
    border-radius: 0;
    margin-bottom: 11px
}

.subscribe-form form input {
    border: 2px solid #c5c6c6 !important;
    background: 0 0;
    font-size: 14px;
    padding: 8px 12px
}

.subscribe-form form input:focus {
    background: 0 0;
    box-shadow: none;
    outline: 0;
    border: 2px solid #c5c6c6
}



footer .footer-up {
    background: var(--global-dark-color);
    color: var(--global-white-color);
    padding: 60px 0
}

footer ul {
    padding-left: 0
}

footer ul span {
    display: block;
    float: left;
    /*margin-right: 14px;*/
    text-transform: none
}

#exampleModalSps .load-phones,
.landing h1,
.modal-body button,
.modal-title span,
footer .footer-title {
    text-transform: uppercase
}

footer ul .contacts-ico-phone {
    width: 14px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA+ElEQVQokY2SsUoDQRRFz2Y1lYFYiX0aS6v9hKQQrCyVdNYSQfIHaUQUiTYLgnb5klT+hYWNglZKOBb7FpfFuHthYN6DM/Pm3kFFzdSFeqsm0ft3ldBcTdWROm0LPgRUNifqYRPYAd6BFb+6BI5oUAdIa70M+GwCN4BvoAd8AFvAGXDS5sZH4DTqTeAV+GoDPgN7QB94A16AYRNYujRQr2OfqDfqMOqueq8+Vd1O1PKMMYVROZAAF8AusANcAUtgAnSBWRUEmMYb86i3KcyrujwCDv4Kdxxj99eEn6qLdT9joObqudqrQXM1q49a1z5wTBHTKpy/A5Y/H6En54FjBhkAAAAASUVORK5CYII=) no-repeat;
    background-size: cover;
    margin: 6px 14px 0 0
}

footer ul .contacts-ico-mail {
    width: 15px;
    height: 11px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAYAAACgR9dcAAAA1ElEQVQokZ3SvUpDQRDF8V9CYnEhpAi3i4WFr2JhkedIpRcrGysLtbEQUQtfwcYX8gHEQgQLUxwLF1kvfgQHhuUM/7M7u7ODJKd4wsr6McZsVIz3eMDbGsYNbGExLCe+4gKTP4wNzgu/kqRLIkmb5LqsvskmyVWSedFdbZZk2gPq+m1v427Ya+sZZ7jDdqm1RR/jsYb75hZH2MUSOzjBPg4x/UJXbc9Ly03RgyTLSvff5PPOm0kuK/CnnCS5KXw39DHwBgdlBL/FC/YKPx5hhoV//LB32JLXsiwJSXsAAAAASUVORK5CYII=) no-repeat;
    background-size: cover;
    margin: 6px 14px 0 0
}

footer ul .contacts-ico-clock {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABDUlEQVQ4ja2TP0vDUBTFfw0lXUK2DoKDg1vm5jM4+Q1cnFzc8z26lLooTk5d/QzduzsU3KUIEeXn4A08Qyr+O3DgcbjnvnOT+0YqPdTAGTAB2tC68y2w/lStdizVhdqoRWizIKE1UVN2vtR8p1ZJQ9TTYKpVUVumDRYDZtQ82Ner8JDFzA/AJqa6BqZxfgn2sQlPjTpPZkY9VFfqNNGKgRSFOs/iC++S7lvgElhGkmPgBhj3UuyAyTh+zww4AO4jctfkCngDzoHXMObACfAItP2uKbbABfAMPO2tUpcD832XyyxGKL5Isg8F0KLWsWE/vb1R64yP3T4CqoFb8mAfVXjW/7bKv35MI//4nN8B28m5RM9PYL4AAAAASUVORK5CYII=) no-repeat;
    background-size: cover;
    margin: 6px 14px 0 0
}

footer ul .contacts-ico-clock a {
    display: block;
    line-height: 2
}

footer .footer-social ul li,
footer .footer-title {
    display: inline-block
}

footer .footer-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 22px
}

footer .footer-contacts p,
footer .menu li a {
    color: #b0b0b0;
    font-size: 14px
}

footer .footer-nav ul {
    margin-left: 0;
    padding-left: 0;
    list-style: disc;
    color: var(--global-white-color)
}

footer .footer-social p {
    color: #b0b0b0;
    font-size: 14px
}

footer .footer-social ul {
    list-style: none;
    padding-left: 0
}

footer .footer-social .social {
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 10px
}

footer .footer-social .soc-fb {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABTUlEQVRYhe2XsUoDQRCGv9MIAUUkaGN1YGEhShor0UKwTpEX8AXEJwhYWdv5EjZ2ohYRbAVfQBDFRkEkRQxpfoub5BYR3F3UQ9iB4ea/G/75GW53djNJokKr2TOrqL4mKio8tiTg3wtYBU6AHiDH+38hYBPoAjfAinFl5kNvFhVGoE9JepDU+vS+ISmX1PPkiV6GO8ATcGq4AVwAz8At8OpLVPs+5UvbAM4c3LHiM8AghCi2A4vAvYPXgOPQ4hDWgW1g1uJlyvYDTALrwLzhR4qf80cFnAPXFg+AO+fbFdCyuA4sAEs+pJlNQ59h9AbMeeTlFMsz98hVSAfqwIGDLyk70qbYlMBP5NhCBHSAaYubVmgkYI9iWb4YPvRmjdyIdiUdObgrqRnBk84DSUASkAREC+gD+5RnwC3gPYYoZBj9hqWdsHoBo3Fc2RX9Ax21ARx/Gl/WAAAAAElFTkSuQmCC) no-repeat;
    background-size: cover
}

footer .footer-social .soc-insta {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACC0lEQVRYhe2XMWsUURDHf2cSREG9QtDisDNCkkJbbWyCCkFSiUUOPGyE9IKfQBDS2wiC+QBWkaRWFCyUIBERJRiRS0iRiESMej+LnQvHund7Gz2uuYHH7Pu/efP+773Zmd2SKn2U4dClPq3vgT4tvCcDAgMC3RCYABaAbWCrQNuOeRMdvZsIbdpZta5W1ZEOdlltJObVw0+WjaVIRO3ywCIwDzzq4qSacgOYjufnwBdgBriUtf+8E9jZx84/qNfVi+q3mL/T7gSGM1i1yi7ws8DuAYaAF8Aq8Cvm77YzziPQSQ4C54CTQB14BfwI/TQWX81zkhcD34E7Gfhx4CbwHvgEnAJOAw+ATaAcdl+BBnAXOJThJ/cKSi3OmnILeAecBz4DJ4B1oAI8BM4A98P2aIufbMkJwq1U/6q6rB5WZ9VN9WPo2cCXw66Tn70gLEpgSZ1Wp9S3aiXwSvSnYnypVwQ21GPqvDqTGqsGXlbXuyVQtBY0SNJ3g7/foCHgd9x3919ZBU/giXpNnTRJOKOBj0Z/MsYXenUFV9QV9YhaM8nzG6Frga+ol/8XgaxUPKe+VMdMakk59Fjgcyn7jqk4j8CiSXCl8Zq6pr5WH4deCzxtWw0/+yLQqRyX1HGTojMe/fTO/7kcQ/JBcQ+4UCi6E5/PgNvAm3bvQDcEeimD/4IBgf4TaBaUvv2i/wGxaVina4fNGgAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover
}

.footer-title-info {
    margin: 15px 0;
}

footer .footer-title.footer-title-info {
    margin-bottom: 10px;
}

.copyright {
    background: #191919;
    padding: 1.625rem 0
}

.copyright .copyright-title {
    text-align: center;
    color: #b0b0b0;
    font-size: .75rem;
    width: 100%;
    font-weight: 300;
}

.landing h1,
section.consultation-form-first.plashka b {
    font-weight: 600;
}

.slider-mob-btn {
    display: none !important
}

.landing .landing-btn,
.landing span {
    display: block;
    width: 100%
}

.landing {
    color: var(--global-white-color);
    text-align: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 100%;
    padding: 30vh 0;
}

.landing h1 {
    font-size: 48px;
    padding-bottom: 18px;
    width: 100%
}

.landing span {
    font-size: 18px;
    padding-bottom: 36px;
    max-width: 570px;
    margin: 0 auto;
    text-align: center
}

.landing .landing-btn button {
    max-width: 240px;
    text-align: center;
    cursor: pointer;
    margin: 0 18px;
    padding: 14px 35px !important
}

.casco .landing-btn a.btn-transparent {
    border-color: var(--global-white-color) !important;
    color: var(--global-white-color) !important;
    text-decoration: none;
}

.casco .landing-btn a.btn-red {
    margin: 0 10px;
    padding: 13px 55px 12px !important;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: flex
}

.card-deck {
    width: 100%;
}

.carousel-inner>.carousel-item.next.left,
.carousel-inner>.carousel-item.prev.right {
    transition: all .1s ease
}

.btn-secondary-outline.prev {
    position: absolute;
    top: 50%;
    left: -13px;
    z-index: 999
}

.carousel .card-deck .card {
    max-width: 460px;
    margin: 0 auto;
    border: none;
    margin-left: 74px;
}

.carousel .corousel-head-title {
    background: #0a0a0a;
    color: var(--global-white-color);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 16px;
    padding: 20px 0 20px 22px
}

.btn-secondary-outline:focus {
    outline: 0;
    box-shadow: none !important
}

.carousel .card-deck .card .card-body {
    border: 1px solid #b3b3b3;
    padding: 34px 22px
}

.btn-secondary-outline.next {
    position: absolute;
    top: 50%;
    right: -13px
}

.plashka {
    box-shadow: 0.57px -2.95px 8.91px 0.09px rgba(1, 0, 0, .08);
    background: #e8e8e8;
    padding: 25px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 4;
}

.plashka button:hover {
    border: 1px solid #e25355 !important;
    color: var(--global-white-color) !important;
    cursor: pointer
}

section.consultation-form-first.plashka span {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding-top: 8px;
    display: inline-block
}

.consultation-form-first form {
    padding: 8px 0
}

section.consultation-form-first form input {
    max-width: 200px;
    width: 100%;
    padding: 8px 10px !important;
    margin-right: 16px;
    border: 1px solid #d4d4d4
}

section.consultation-form-first form button {
    max-width: 194px;
    width: 100%;
    padding: 12px 5px !important;
    font-size: 12px !important;
    max-height: 42px
}

section.consultation-form-first.plashka b {
    font-size: 18px;
    color: var(--global-dark-second-color);
    display: inline-block
}

.no-dollars-background {
    background: none;
}

section.consultation-form-last.plashka span {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding-top: 8px;
    display: inline-block
}

button.close {
    opacity: 1;
    position: absolute;
    top: -12px;
    right: -40px;
    outline: 0
}

button.close span {
    text-shadow: none
}

.modal-body button,
.modal-body input,
.modal-body select {
    max-width: 300px;
    margin: 12px auto;
    width: 100%;
    display: block;
    border-radius: 0;
    font-size: 14px;
    padding: 10px 12px
}

.modal-body button {
    background-color: var(--global-dark-second-color);
    color: var(--global-white-color);
    font-size: 12px;
    font-weight: 600;
    border: none;
    padding: 10px 26px
}

.modal-content {
    max-width: 380px;
    margin: 0 auto;
    border-radius: 0;
    border: none;
}

.modal-title {
    font-weight: 300;
}

.modal-title span {
    font-weight: 600;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff !important;
    background-clip: padding-box;
    border: 1px solid #c5c6c6 !important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control.error {
    border-color: red !important;
}

.close,
.modal-title {
    line-height: 1;
}

.form-control:focus,
textarea:focus {
    color: #495057;
    background-color: var(--global-white-color) !important;
    border-color: transparent;
    outline: 0;
    box-shadow: none !important
}

.modal-header {
    display: inline-block;
    border: none;
    text-align: center;
    width: 100%;
    padding-bottom: 0;
    padding-top: 30px;
}

.close {
    float: right;
    font-size: 3.5rem;
    color: #d0d3d4;
    font-weight: 100;
}

button.close:hover {
    background: 0 0
}

.close:focus,
.close:hover {
    color: #d0d3d4;
    text-decoration: none;
    outline: 0;
    opacity: 1
}

.modal-body {
    padding: 0 0 30px;
}

.modal-content-calc {
    max-width: 650px;
    height: 450px;
    margin: 0 auto;
    border-radius: 0;
    border: none;

}

.modal-body-calc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

#exampleModalCalcSps .modal-button-calc {
    background: var(--global-white-color);
    border: 1px solid red;
    color: var(--global-dark-second-color);
    font-size: 16px;
    max-width: 300px;
    width: 300px;
    height: 50px;
    text-decoration: none;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

#exampleModalCalcSps .modal-button-calc:hover {
    background: var(--global-dark-second-color);
    color: var(--global-white-color);
    cursor: pointer;
}

.modal-first-span-calc {
    font-size: 30px;
}

#exampleModalCalcSps .modal-second-span-calc {
    font-weight: 300;
    line-height: 2;
}

#exampleModalCalcSps .modal-header {
    background: none;
}

#exampleModalCalcSps .close {
    color: var(--global-dark-color);
}

select.form-control:not([size]):not([multiple]) {
    height: auto !important
}

select {
    background: url(../img/carret.png) 95% 50% no-repeat;
    cursor: pointer;
    width: 14px;
    display: block;
    -webkit-appearance: none;
    border-color: #8e8e8e;
    -moz-appearance: none;
    appearance: none
}

.modal-title {
    font-size: 24px;
    color: var(--global-dark-color);
    font-weight: 600
}

.modal-title span {
    font-size: 16px
}

div#exampleModalSps .modal-header {
    padding: 14px 0;
}

div#exampleModalSps .modal-body span {
    font-weight: 400
}

#exampleModalSps .load-phones,
.block-support .support-phones a,
.block-support>span,
.download-block-form span,
.form-consulatation>span,
.modal-body>span,
.nubmer-blck .cases-nubmer {
    font-weight: 600
}

#exampleModalSps .load-phones {
    margin-top: 0 !important;
    width: 100%;
    background-color: var(--global-dark-second-color);
    color: var(--global-white-color);
    font-size: 12px;
    border: none;
    padding: 10px 26px;
    max-width: 300px;
    display: block;
    margin: 20px auto 0;
    cursor: pointer
}

.consultation-nubmer .cases-block,
.nubmer-blck .cases-block {
    border: 1px solid #b3b3b3;
    font-weight: 300;
}

.modal-header {
    background: #b3b3b3;
    padding: 14px 0;
}

.modal-body span {
    text-align: center;
    display: inline-block;
    padding: 14px;
    width: 100%
}

div#exampleModalVupadok .modal-content {
    width: 100%;
    max-width: 820px;
}

div#exampleModalVupadok .modal-body {
    padding-bottom: 0;
}

.nubmer-blck .cases-nubmer {
    display: block;
    float: left;
    background: var(--global-dark-color);
    color: var(--global-white-color);
    padding: 6px 20px;
    font-size: 24px;
    margin-right: 20px
}

.nubmer-blck .cases-block {
    padding: 30px;
    font-size: 16px;
    margin: 0 20px 20px
}

.nubmer-blck .cases-block .text-number {
    display: block;
    padding-top: 0;
    text-align: left;
    font-size: 14px
}

.nubmer-blck .cases-nubmer:nth-child(1) {
    margin-bottom: 10px
}

.block-support {
    padding: 20px 0
}

.block-support .support-phones span {
    width: 33%;
    color: #0a0a0a;
    font-size: 14px
}

.block-support .support-phones a {
    font-size: 16px;
    color: var(--global-dark-second-color)
}

.block-support .support-phones span:nth-child(1) {
    float: left
}

.consultation-nubmer {
    display: inline-block
}

.consultation-nubmer .cases-nubmer {
    display: block;
    float: left;
    background: var(--global-dark-color);
    color: var(--global-white-color);
    padding: 0 8px;
    font-size: 14px;
    margin-right: 14px;
    font-weight: 600;
    margin-bottom: 40px
}

.form-consulatation {
    padding: 30px 0
}

.consultation-nubmer .cases-block {
    padding: 12px 0 12px 12px;
    font-size: 16px;
    margin: 0;
    max-width: 248px;
    float: left
}

.consultation-nubmer .cases-block:nth-child(1) {
    margin: 0 18px
}

.consultation-nubmer .cases-block:nth-child(2),
.consultation-nubmer .cases-block:nth-child(3) {
    margin: 0 18px 0 0
}

.consultation-nubmer .cases-block .text-number {
    display: block;
    padding: 0;
    text-align: left;
    font-size: 12px
}

.download-block-form {
    padding: 30px 0
}

.download-block-form .icon-download span {
    width: 50%;
    font-size: 14px;
    text-decoration: underline
}

.icon-download span a {
    color: #2879c3
}

.download-block-form .icon-download span:nth-child(1) {
    float: left
}

.download-block-form .icon-download span img {
    display: block;
    margin: 0 auto;
    padding-bottom: 20px
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 820px !important;
        margin: 1.75rem auto
    }
}






/*MEDIA STYLE*/
@media (min-width: 1200px) {
    button.navbar-toggler {
        display: none;
    }
}

@media (min-width: 992px) {


    .navbar {
        padding: 0 15px !important
    }


    ul.sub-menu li a {
        padding: 0 4px !important;
        text-decoration: none;
    }

    #navbar-collapse-header .sub-menu {
        padding: 20px 0 0 !important;
    }

    .AutoDiv {
        margin-left: 30px !important
    }

    .col-6.pay-contents {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .slider-title {
        top: 24% !important
    }

    .navigation .navigation-item a img {
        max-width: 220px
    }

    header .col-auto {
        padding-left: 0 !important
    }


    button.navbar-toggler {
        display: none
    }

    .navigation .navigation-item a {
        padding: 0 8px
    }

    ul.header-info {
        padding-left: 0
    }

    header .col-auto {
        padding-right: 10px
    }

    footer .col-md-2.col-lg-2 {
        flex: 0 0 21.6% !important;
        max-width: 21.6% !important
    }

    footer .col-md-3.col-lg-3:nth-child(2) {
        flex: 0 0 20% !important;
        max-width: 20% !important
    }

    .none-desc-btn {
        display: none;
    }

    li.header-info-item.header-info-btn {
        float: right;
    }
}

@media (max-width: 991px) {
    .plashka {
        display: none;
    }

    .sub-menu>li .menu-image-title {
        text-align: left;
    }

    .navigation {
        margin-top: 20px;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url(../img/menu-mob.png) !important
    }

    .publick-information {
        padding-left: 15px;
        padding-right: 15px;
    }

    .reinsurance {
        padding: 40px 15px 20px;
    }

    .brand img {
        width: auto;
    }

    header {
        position: inherit;
    }

    .contcts-dropdown {
        display: none;
    }

    .contcts-dropdown-head p {
        margin-bottom: 6px;
        font-size: 13px;
        display: inline-block;
    }

    .contcts-dropdown-head span {
        float: right;
        font-weight: 600;
        font-size: 13px;
    }

    .contcts-dropdown-head a {
        color: var(--global-dark-color) !important;
    }

    .contcts-dropdown-head p.red {
        color: var(--global-dark-second-color);
    }

    .header-info.header-info-mobile {
        display: block !important;
        margin-top: 17px;
        margin-bottom: 12px;
    }

    .header-mobile-lang {
        float: right;
    }

    .header-info.header-info-mobile .header-info-item.header-info-btn {
        width: 130px;
        background: var(--global-dark-second-color);
    }
}

.header-info.header-info-mobile {
    display: none;
}

@media (max-width: 479px) {

    .stocks .col-4,
    .news .col-4 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 350px;
        margin: 0 auto 10px;
    }

    .stocks .card-body {
        padding: 18px;
    }

    .header-logo {
        height: 50px;
    }

    a.btn-transparent,
    a.btn-red {
        display: block;
        max-width: 250px;
        margin: 0 auto 10px !important;
    }

    .carousel .card-deck .card {
        margin-left: 0px;
    }

    li:hover .contcts-dropdown {
        display: none !important
    }

    .navigation .navigation-item .sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important
    }

    div#collapseContacts div {
        max-width: 412px;
        margin: 0 auto
    }

    div#exampleModalVupadok .modal-content {
        min-width: auto
    }

    div#exampleModalVupadok {
        padding-right: 0 !important
    }

    div#exampleModalVupadok .modal-title {
        font-size: 22px;
        padding: 0 20px;
    }

    div#exampleModalVupadok .nubmer-blck .cases-nubmer {
        background: var(--global-dark-color);
        color: var(--global-white-color);
        padding: 5px 12px !important;
        max-width: 60px !important;
        line-height: 1;
        font-size: 17px;
        font-weight: 600;
        width: 100%;
        margin: 0 auto 10px;
        float: initial !important
    }

    div#exampleModalVupadok .consultation-nubmer .cases-block,
    div#exampleModalVupadok .nubmer-blck .cases-block {
        border: 1px solid #b3b3b3;
        font-size: 16px;
        margin: 0 10px 10px !important;
        font-weight: 300;
    }

    div#exampleModalVupadok .nubmer-blck .cases-block {
        padding: 20px 0 !important
    }

    div#exampleModalVupadok .consultation-nubmer .cases-block {
        padding: 10px 0 10px 10px !important;
        max-width: 100%;
        float: left
    }

    div#exampleModalVupadok .download-block-form .icon-download span {
        width: 100% !important;
        font-size: 14px;
        text-decoration: underline
    }

    div#exampleModalVupadok .consultation-nubmer .cases-nubmer {
        margin-bottom: 20px !important
    }

    .slider-front-page nav {
        display: none
    }

    .mobile-nav-slider {
        display: block
    }

    .slider-mob-btn {
        display: block !important;
        border-top: 3px solid #d12c2d !important;
        color: var(--global-white-color) !important;
        font-weight: 600;
        background: #080707;
        text-align: center;
        font-size: 18px;
        padding: 20px 0 !important
    }


    .carousel-control-next,
    .carousel-control-prev {
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 15%;
        color: var(--global-white-color);
        text-align: center;
        opacity: .5
    }

    .btn-group-slider a {
        width: 100% !important;
        display: block !important;
        margin: 0 auto 12px !important
    }

    .header-phone-icon:active .contcts-dropdown,
    li:visited .contcts-dropdown {
        display: block !important;
        color: #0e0e0e;
        position: absolute;
        max-width: initial;
        left: 0;
        top: 0;
        width: 100%;
        background: var(--global-white-color);
        z-index: 999
    }

    .modal-body button,
    .modal-body input,
    .modal-body select {
        max-width: 230px
    }

    button.close {
        position: absolute;
        top: -5px;
        right: 5px;
        outline: 0
    }

    div#exampleModalCenter {
        padding-right: 0 !important
    }

    .nolink {
        pointer-events: none !important
    }

    .header-phone-icon {
        position: absolute;
        right: 52px;
        top: 13px;
        padding: 10px
    }

    .landing h1 {
        font-size: 32px
    }

    .landing {
        margin-top: 0;
        padding: 70px 0
    }

    .landing span {
        font-size: 16px;
        width: 100%;
        padding: 0 15px;
        max-width: 570px;
        display: block;
        margin: 0 auto;
        text-align: center
    }

    .landing-btn {
        padding-bottom: 0
    }

    .landing .landing-btn button {
        width: 100%
    }

    .landing .landing-btn button.btn-red {
        margin-bottom: 20px;
        width: 100%
    }

    .short-company .row {
        padding-bottom: 0 !important
    }

    .documents-required .card,
    .short-company .card {
        margin-bottom: 20px
    }

    .documents-required .row:nth-child(3) .landing-btn button {
        width: 100%;
        max-width: 250px;
        margin-bottom: 16px
    }

    .documents-required .row:nth-child(3) .landing-btn {
        padding-top: 20px
    }

    .documents-required .row:nth-child(3) {
        width: 100%;
        margin-left: 0
    }

    .carousel .card-deck .card:nth-child(2) {
        display: none
    }

    .carousel .card-deck .card .card-body {
        font-size: 14px;
        border: 1px solid #b3b3b3;
        padding: 16px 12px
    }

    .btn-secondary-outline {
        display: none !important
    }



    .advanced-questions .card:nth-child(3) {
        margin-bottom: 0
    }

    .advanced-questions .card-body {
        margin-left: 0
    }

    .padd-r {
        padding-right: 15px !important
    }

    .padd-l {
        padding-left: 15px !important
    }

    .stocks-footer .card-body {
        padding: 10px
    }

    .stocks-footer .card {
        margin-bottom: 20px
    }

    .stocks-footer .col {
        max-width: 100%;
        flex: 0 0 100%
    }

    .right-col-news-stock .card-title {
        line-height: initial;
        font-size: 17px
    }

    div#navbar-collapse-header {
        width: 100% !important
    }

    li.navigation-item a {
        color: var(--global-dark-color) !important;
        padding: 12px 20px !important;
        display: inline-block;
        width: 100%;
        margin: 0
    }

    li.navigation-item {
        width: 100%;
        border-bottom: 1px solid #cbcbcb;
        padding: 0 !important
    }

    header#main .col-auto {
        width: 50%;
        padding: 0;
        z-index: 999
    }

    .slider-title {
        top: 80px !important
    }


    section.slider-front-page nav a {
        width: 100%
    }

    header#main .col-auto:nth-child(1) {
        padding-left: 20px;
        padding-bottom: 11px
    }

    header#main .row {
        width: 100%;
        margin: 0 auto;
        padding: 11px 0 10px;
    }

    .section-title {
        font-size: 18px;
        padding-bottom: 30px
    }

    .section-padding {
        padding: 30px 0
    }

    #main {
        background: var(--global-dark-color);
        position: inherit !important;
        padding: 0 !important
    }

    .navigation .navigation-item a i.fas.fa-angle-down {
        float: right;
        padding-right: 18px
    }

    .navigation .navigation-item a img {
        display: none
    }

    .sub-menu>li a .menu-image-title {
        border: none;
        padding: 10px 0;
        margin-bottom: 0;
        text-align: left !important
    }

    #navbar-collapse-header .sub-menu {
        box-shadow: none;
        position: initial;
        display: block;
        left: 0;
        padding: 0;
        width: 100%;
        margin-top: 0;
        background: #d9d9d9;
        font-weight: 300;
    }

    .contcts-dropdown.collapse:not(.show) {
        display: none
    }

    div#collapseContacts.show {
        display: block !important
    }

    .header .col-auto.no-padd {
        display: none
    }

    img.header-logo {
        max-width: 148px
    }

    .two-block-company .col:first-child {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    .col-6.pay-contents,
    .col-8.compensation-contents {
        max-width: 100%;
        flex: 0 0 100%
    }

    .two-block-company .col:first-child img {
        width: 100%;
        margin-bottom: 24px
    }

    .two-block-company .num-custom-padd {
        padding-right: .375rem !important
    }

    .two-block-company .no-padd {
        padding: 0;
        padding-left: .375rem !important;
        padding-right: .375rem !important
    }

    .two-block-company .num-sub-black,
    .two-block-company .num-sub-white {
        font-size: 12px
    }

    .two-block-company .num-black,
    .two-block-company .num-white {
        font-size: 16px
    }

    .two-block-company .num-bg-black,
    .two-block-company .num-bg-white {
        padding: 20px 8px
    }

    .two-block-company .num-bg-black {
        border: 1px solid var(--global-dark-color)
    }

    .stocks {
        background: #fdfdfd !important
    }

    .stocks .section-title {
        color: #0a0a0a !important
    }

    .stocks .col-12.btn-field a {
        border: 1px solid var(--global-dark-color) !important;
        color: var(--global-dark-color) !important
    }

    .subscribe-form {
        padding: 20px
    }

    .pay .pay-contents .pay-block-number .pay-block-number-title {
        font-size: 18px
    }

    .col-8.compensation-contents img {
        width: 100%
    }

    .compensation .row:nth-child(2n) {
        width: 100%;
        text-align: center;
        display: block;
        margin-left: 0 !important
    }

    .compensation .landing-btn button {
        margin: 0 auto 10px;
        display: block;
        width: 100%;
        max-width: 250px
    }

    .compensation .compensation-contents .title-compensation {
        font-size: 26px
    }

    .compensation .compensation-contents .sub-title-compensation {
        font-size: 30px
    }

    .card.card-steeps.col {
        width: 100%;
        max-width: 100%;
        min-width: 100%
    }

    .news .card,
    .stocks .card {
        margin-bottom: 15px
    }

    .news .col,
    .news-single-page .col-4,
    .news-single-page .col-8,
    .stocks .col,
    .stocks-single-page .col-4,
    .stocks-single-page .col-8 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    .news-single-page .stock-date {
        width: 50% !important
    }

    .news-single-page .shares-icon {
        width: 50% !important;
        text-align: right
    }

    .news-single-page .shares-icon a {
        text-align: right;
        display: inline-block;
        margin-top: -4px
    }

    .shares-icon>span {
        display: none !important
    }

    .stocks-single-page .shares-icon,
    .stocks-single-page .stock-date {
        width: 100% !important
    }

    .stocks-single-page .shares-icon {
        text-align: center
    }

    .stocks-single-page .shares-icon a {
        display: inline-block;
        margin-top: 10px
    }

    .end-date-stocks {
        background: #b3b3b3;
        padding: 30px 14px !important
    }

    .end-date-stocks div span:first-child {
        font-size: 24px !important
    }

    .end-date-stocks div span:last-child {
        font-size: 11px !important
    }

    .advanced-questions .col-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .about-company-general .col,
    .insurance-general .col {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px
    }

    .about-company-general .col {
        padding: 0
    }

    .about-vidi {
        font-size: 16px !important;
        font-weight: 300;
    }

    .about-company .jumbotron {
        max-width: 90%;
        padding: 30px 20px
    }

    .about-company .jumbotron .jumbotron-title {
        font-size: 16px;
        margin-bottom: 20px
    }

    .about-company .jumbotron .jumbotron-subtitle {
        font-size: 14px;
        margin-bottom: 20px
    }

    footer .footer-up,
    footer .copyright {
        padding: 30px 0
    }

    footer .footer-contacts p {
        max-width: 76%
    }

    .c-hamburger {
        display: inline-block;
        position: relative;
        overflow: hidden;
        padding: 0;
        width: 38px;
        height: 44px;
        font-size: 0;
        text-indent: -9999px;
        appearance: none;
        box-shadow: none;
        border-radius: 0;
        border: none;
        cursor: pointer;
        transition: background .3s
    }

    .c-hamburger:focus {
        outline: 0
    }

    .c-hamburger span {
        display: block;
        position: absolute;
        top: 22px;
        width: 42px;
        right: 0;
        height: 3px;
        background: #E1E1E1
    }

    .c-hamburger span::after,
    .c-hamburger span::before {
        position: absolute;
        display: block;
        right: 0;
        width: 42px;
        height: 3px;
        background-color: #E1E1E1;
        content: ""
    }

    .c-hamburger span::before {
        top: -20px
    }

    .c-hamburger span::after {
        bottom: -20px
    }

    .c-hamburger--htx span {
        transition: background 0s .3s
    }

    .c-hamburger--htx span::after,
    .c-hamburger--htx span::before {
        transition-duration: .3s, .3s;
        transition-delay: .3s, 0s
    }

    .c-hamburger--htx span::before {
        transition-property: top, transform;
        margin-top: 8px
    }

    .c-hamburger--htx span::after {
        transition-property: bottom, transform;
        margin-bottom: 8px
    }

    .c-hamburger--htx.is-active span {
        background: 0 0
    }

    .c-hamburger--htx.is-active span::before {
        top: 0;
        transform: rotate(45deg)
    }

    .c-hamburger--htx.is-active span::after {
        bottom: -8px;
        transform: rotate(-45deg)
    }

    .c-hamburger--htx.is-active span::after,
    .c-hamburger--htx.is-active span::before {
        transition-delay: 0s, .3s;
        margin-top: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .contcts-dropdown-head span {
        margin-top: -30px;
    }

    .contcts-dropdown-head p {
        display: block;
    }

    .two-block-company-loyality img {
        max-width: 290px;
        margin: 0 auto;
        display: block;
    }
}

@media (max-width: 767px) {
    .block-support .support-phones span {
        width: 100%;
    }

    .breadcrumbs {
        padding: 15px 0;
    }

    span.title-breadcrumbs {
        display: none;
    }

    .footer {
        margin-bottom: 35px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    a.btn-transparent {
        display: block;
    }

    .two-block-company .video-block iframe {
        margin-bottom: 120px;
        padding-bottom: 40px;
    }

    section.short-company .col,
    section.star-protection .col {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .star-protection .row:nth-child(2) .col>.col div.number-stars>span {
        display: none;
    }

    .size-may .size-may-nubmer {
        width: 100%;
        text-align: center;
    }

    .card-deck {
        margin: 0 auto;
        width: 100%;
    }

    .carousel .card-deck .card {
        max-width: 364px;
    }

    .btn-field {
        padding-top: 2rem !important;
    }

    .slider-front-page img {
        display: none;
    }

    .col-loyality-width {
        flex: 0 0 100%;
    }

    .how-its-work-loyality .card-steeps .four-number-steeps {
        position: absolute;
        top: -30px !important;
        left: 60px !important;
    }

    li:hover .contcts-dropdown {
        display: none !important
    }

    .navigation .navigation-item .sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important
    }

    div#collapseContacts div {
        max-width: 412px;
        margin: 0 auto
    }

    div#exampleModalVupadok {
        padding-right: 0 !important
    }

    div#exampleModalVupadok .modal-title {
        font-size: 22px;
        padding: 0 20px;
    }

    div#exampleModalVupadok .nubmer-blck .cases-nubmer {
        background: var(--global-dark-color);
        color: var(--global-white-color);
        padding: 5px 12px !important;
        max-width: 60px !important;
        line-height: 1;
        font-size: 17px;
        font-weight: 600;
        width: 100%;
        margin: 0 auto 10px;
        float: initial !important
    }

    div#exampleModalVupadok .consultation-nubmer .cases-block,
    div#exampleModalVupadok .nubmer-blck .cases-block {
        border: 1px solid #b3b3b3;
        font-size: 16px;
        margin: 0 10px 10px !important;
        font-weight: 300;
    }

    div#exampleModalVupadok .nubmer-blck .cases-block {
        padding: 20px 0 !important
    }

    div#exampleModalVupadok .consultation-nubmer .cases-block {
        padding: 10px 0 10px 10px !important;
        max-width: 100%;
        float: left
    }

    div#exampleModalVupadok .download-block-form .icon-download span {
        width: 100% !important;
        font-size: 14px;
        text-decoration: underline
    }

    div#exampleModalVupadok .consultation-nubmer .cases-nubmer {
        margin-bottom: 20px !important
    }

    .slider-front-page nav {
        display: none
    }

    .mobile-nav-slider {
        display: block
    }

    .slider-mob-btn {
        display: block !important;
        border-top: 3px solid #d12c2d !important;
        color: var(--global-white-color) !important;
        font-weight: 600;
        background: #080707;
        text-align: center;
        font-size: 18px;
        padding: 20px 0 !important
    }

    .carousel-control-next,
    .carousel-control-prev {
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 15%;
        color: var(--global-white-color);
        text-align: center;
        opacity: .5
    }

    .btn-group-slider a {
        width: 100% !important;
        display: block !important;
        margin: 0 auto 12px !important;
        max-width: 260px;
    }

    .header-phone-icon:active .contcts-dropdown,
    li:visited .contcts-dropdown {
        display: block !important;
        color: #0e0e0e;
        position: absolute;
        max-width: initial;
        left: 0;
        top: 0;
        width: 100%;
        background: var(--global-white-color);
        z-index: 999
    }

    .modal-body button,
    .modal-body input,
    .modal-body select {
        max-width: 230px
    }

    button.close {
        position: absolute;
        top: -5px;
        right: 5px;
        outline: 0
    }

    div#exampleModalCenter {
        padding-right: 0 !important
    }

    .nolink {
        pointer-events: none !important
    }

    .header-phone-icon {
        display: block;
        position: absolute;
        right: 52px;
        top: 13px;
        padding: 10px
    }

    .slider-front-page img {
        width: 100%;
        min-width: 768px
    }

    .landing h1 {
        font-size: 32px
    }

    .landing {
        margin-top: 0;
        padding: 70px 0
    }

    .landing span {
        font-size: 16px;
        width: 100%;
        padding: 0 15px;
        max-width: 570px;
        display: block;
        margin: 0 auto;
        text-align: center
    }

    .landing-btn {
        padding-bottom: 0
    }

    .landing .landing-btn button {
        width: 100%
    }

    .landing .landing-btn button.btn-red {
        margin-bottom: 20px;
        width: 100%
    }

    .short-company .row {
        padding-bottom: 0 !important
    }

    .documents-required .card,
    .short-company .card {
        margin-bottom: 20px
    }

    .documents-required .row:nth-child(3) .landing-btn button {
        width: 100%;
        max-width: 250px;
        margin-bottom: 16px
    }

    .documents-required .row:nth-child(3) .landing-btn {
        padding-top: 20px
    }

    .documents-required .row:nth-child(3) {
        width: 100%;
        margin-left: 0
    }

    .carousel .card-deck .card:nth-child(2) {
        display: none
    }

    .carousel .card-deck .card .card-body {
        font-size: 14px;
        border: 1px solid #b3b3b3;
        padding: 16px 12px
    }

    .advanced-questions .card:nth-child(3) {
        margin-bottom: 0
    }

    .advanced-questions .card-body {
        margin-left: 0
    }

    .padd-r {
        padding-right: 15px !important
    }

    .padd-l {
        padding-left: 15px !important
    }

    .stocks-footer .card-body {
        padding: 10px
    }

    .stocks-footer .card {
        margin-bottom: 20px
    }

    .stocks-footer .col {
        max-width: 100%;
        flex: 0 0 100%
    }

    .right-col-news-stock .card-title {
        line-height: initial;
        font-size: 17px
    }

    button.navbar-toggler {
        position: absolute;
        right: 0;
        top: 14px;
        border: none;
        padding: .25rem 0
    }

    div#navbar-collapse-header {
        width: 100% !important
    }

    .f-nav {
        display: none
    }

    ul#menu-main-menu {
        position: relative;
        margin-bottom: 0;
        background: var(--global-dark-color);
        border-top: 2px solid #575955;
        padding: 0;
        overflow: hidden;
    }

    .two-block-company-loyality img {
        max-width: 290px;
        margin: 0 auto;
        display: block;
    }

    li.navigation-item a {
        color: var(--global-dark-color) !important;
        padding: 12px 20px !important;
        display: inline-block;
        width: 100%;
        margin: 0
    }

    section.cooperation .col img {
        margin: 0 auto;
        display: block;
    }

    li.navigation-item {
        width: 100%;
        border-bottom: 1px solid #cbcbcb;
        padding: 0 !important
    }

    header#main .col-auto {
        width: 50%;
        padding: 0;
        z-index: 999
    }

    .slider-title {
        top: 80px !important
    }

    section.slider-front-page nav a {
        width: 100%
    }

    header#main .col-auto:nth-child(1) {
        padding-bottom: 11px
    }

    header#main .row {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 14px 0 14px;
    }

    .section-title {
        font-size: 26px;
        padding-bottom: 30px
    }

    .section-padding {
        padding: 60px 15px;
    }

    #main {
        background: var(--global-dark-color);
        position: inherit !important;
        padding: 0 !important
    }

    .navigation .navigation-item a i.fas.fa-angle-down {
        float: right;
        padding-right: 18px
    }

    .navigation .navigation-item a img {
        display: none
    }

    .sub-menu>li a .menu-image-title {
        border: none;
        padding: 10px 0;
        margin-bottom: 0;
        text-align: left !important
    }

    #navbar-collapse-header .sub-menu {
        box-shadow: none;
        position: initial;
        display: block;
        left: 0;
        padding: 0;
        width: 100%;
        min-width: auto !important;
        margin-top: 0;
        background: #d9d9d9;
        font-weight: 300;
    }

    #navbar-collapse-header li:active>.sub-menu,
    #navbar-collapse-header li:visited>.sub-menu {
        transform: translateY(0);
        display: block
    }

    #navbar-collapse-header .sub-menu>li {
        margin-left: 20px;
        margin-right: 0;
        width: 100%
    }

    div#collapseContacts {
        top: 60px;
        background: var(--global-white-color);
        position: absolute;
        right: 16px;
        width: 100%;
        z-index: 999;
        max-width: 400px
    }

    .contcts-dropdown.collapse:not(.show) {
        display: none
    }

    div#collapseContacts.show {
        display: block !important
    }

    .header .col-auto.no-padd {
        display: none
    }

    img.header-logo {
        max-width: 148px
    }

    .two-block-company .col:first-child {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    .two-block-company .col:first-child img {
        width: 100%;
        margin-bottom: 24px
    }

    .two-block-company .num-custom-padd {
        padding-right: .375rem !important
    }

    .two-block-company .no-padd {
        padding: 0;
        padding-left: .375rem !important;
        padding-right: .375rem !important
    }

    .two-block-company .num-sub-black,
    .two-block-company .num-sub-white {
        font-size: 12px
    }

    .two-block-company .num-black,
    .two-block-company .num-white {
        font-size: 16px
    }

    .two-block-company .num-bg-black,
    .two-block-company .num-bg-white {
        padding: 20px 8px
    }

    .two-block-company .num-bg-black {
        border: 1px solid var(--global-dark-color)
    }

    .stocks {
        background: #fdfdfd !important
    }

    .stocks .section-title {
        color: #0a0a0a !important
    }

    .stocks .col-12.btn-field a {
        border: 1px solid var(--global-dark-color) !important;
        color: var(--global-dark-color) !important
    }

    .subscribe-form {
        padding: 20px
    }

    .col-6.pay-contents {
        flex: 0 0 100%;
        max-width: 100%
    }

    .pay .pay-contents .pay-block-number .pay-block-number-title {
        font-size: 18px
    }

    .col-8.compensation-contents img {
        width: 100%
    }

    .col-8.compensation-contents {
        max-width: 100%;
        flex: 0 0 100%
    }

    .compensation .row:nth-child(2n) {
        width: 100%;
        text-align: center;
        display: block;
        margin-left: 0 !important
    }

    .compensation .landing-btn button {
        margin: 0 auto 10px;
        display: block;
        width: 100%;
        max-width: 250px
    }

    .compensation .compensation-contents .title-compensation {
        font-size: 26px
    }

    .compensation .compensation-contents .sub-title-compensation {
        font-size: 30px
    }

    .card.card-steeps.col {
        width: 50%;
        max-width: 50%;
        min-width: 50%;
        margin-bottom: 50px;
    }

    .how-its-work-loyality .card.card-steeps.col {
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 50px;
    }

    .news .card,
    .stocks .card {
        margin-bottom: 15px
    }

    .news .col,
    .stocks .col {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    .four-steps .card-steeps {
        text-align: center
    }

    .news-single-page .col-4,
    .news-single-page .col-8,
    .stocks-single-page .col-4,
    .stocks-single-page .col-8 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    .news-single-page .stock-date {
        width: 50% !important
    }

    .news-single-page .shares-icon {
        width: 50% !important;
        text-align: right
    }

    .news-single-page .shares-icon a {
        text-align: right;
        display: inline-block;
        margin-top: -4px
    }

    .shares-icon>span {
        display: none !important
    }

    .stocks-single-page .shares-icon,
    .stocks-single-page .stock-date {
        width: 100% !important
    }

    .stocks-single-page .shares-icon {
        text-align: center
    }

    .stocks-single-page .shares-icon a {
        display: inline-block;
        margin-top: 10px
    }

    .end-date-stocks {
        background: #b3b3b3;
        padding: 30px 14px !important
    }

    .end-date-stocks div span:first-child {
        font-size: 24px !important
    }

    .end-date-stocks div span:last-child {
        font-size: 11px !important
    }

    .advanced-questions .col-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .about-company-general .col,
    .insurance-general .col {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px
    }

    .about-company-general .col {
        padding: 0
    }

    .about-vidi {
        font-size: 16px !important;
        font-weight: 300;
    }

    .about-company .jumbotron {
        max-width: 90%;
        padding: 30px 20px
    }

    .about-company .jumbotron .jumbotron-title {
        font-size: 16px;
        margin-bottom: 20px
    }

    .about-company .jumbotron .jumbotron-subtitle {
        font-size: 14px;
        margin-bottom: 20px
    }

    footer .footer-up,
    footer .copyright {
        padding: 30px 0
    }

    footer .footer-contacts p {
        max-width: 76%
    }

    .col-md-3.col-lg-3:nth-child(4) {
        display: block !important
    }

}

.consultation-form-first .col-7 form>div div {
    display: inline-block;
}

.news .card-calendar {
    display: none;
}


/*TABLET*/
@media (min-width: 767px) and (max-width: 992px) {
    .mobile-li-lang {
        right: 130px;
        position: absolute;
        top: 0;
    }

    #carouselExampleIndicators {
        height: 100% !important;
    }

    .landing {
        padding: 100px 0 !important;
    }

    .landing-btn {
        padding-bottom: 0 !important;
    }

    .slider-politica .col,
    .col-6.col-loyality-width {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .two-block-company-loyality .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .reinsurance-partners .logo-partner .logo-title {
        text-align: center;
    }

    .reinsurance-partners .logo-partner img {
        padding-right: 0;
        float: none !important;
        display: block;
        text-align: center;
        margin: 0 auto;
        padding: 0 !important;
    }

    .reinsurance-partners .logo-partner .logo-sub-title {
        width: 100%;
        text-align: center;
        display: inline-block;
    }

    .slider-politica .card-deck .card img {
        margin: 0 auto;
        display: block;
    }

    .btn-group-slider a {
        width: 100%;
        margin-bottom: 6px;
    }

    .two-block-company .video-block {
        height: 320px !important;
        margin-bottom: 20px;
        padding: 0 5px;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .card.card-steeps.col {
        width: 50%;
        max-width: 50%;
        min-width: 50%;
        margin-bottom: 50px;
    }

    span.slider-head-title {
        font-size: 28px !important;
        padding-bottom: 10px !important;
    }

    span.slider-head-subtitle {
        font-size: 16px !important;
        padding-bottom: 30px !important;
    }

    .btn-group-slider {
        max-width: 250px !important;
        margin: 0 auto;
    }

    .carousel-caption {
        bottom: 55% !important;
    }

    .carousel-custom-nav li {
        font-size: 13px !important;
        padding: 20px 0 !important;
    }

    .carousel-caption {
        max-width: 600px;
        width: 100%;
    }

    .faq .col-8,
    .faq .col-4,
    .news-page .col-8,
    .news-page .col-4,
    .news-single-page .col-8,
    .news-single-page .col-4,
    .stocks-page .col-8,
    .stocks-page .col-4,
    .stocks-single-page .col-8,
    .stocks-single-page .col-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    footer .col-md-2.col-lg-2 {
        display: none;
    }

    .faq .form-stocks-right {
        max-width: 460px;
        margin: 0 auto 33px;
    }

    .right-col-news-stock {
        max-width: 600px;
        margin: 0 auto;
    }

    section.faq.advanced-questions .link-faq a {
        margin-right: 6px !important;
    }

    .compensation .compensation-contents img {
        width: 100%;
    }

    .pay .pay-contents {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 992px) {
    .mobile-li-lang .header-info-item.header-mobile-lang {
        width: 30px !important;
        min-width: auto !important;
        background: var(--global-white-color) !important;
    }

    .stocks .col-4,
    .news .col-4,
    .stocks-footer .col-4,
    .news .col-4 {
        flex: 0 0 100%;
        width: 100%;
        max-width: 350px;
        margin: 0 auto 10px;
    }

    .stocks .card>a img,
    .news .card>a img {
        height: 100%;
    }

    .stocks .card>a,
    .news .card>a {
        width: 320px;
        height: 210px;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .four-steps .card-body-steeps {
        text-align: center !important;
    }

    .stocks-page .card {
        max-width: 320px;
        margin: 0 auto;
    }

    .stocks-page .col-8.padd-l>.row>.col,
    .news-page .col-8.padd-l>.row>.col {
        display: none;
    }

    .stocks-page .card>a img {
        height: 100%;
    }

    .stocks-page .card>a {
        width: 320px;
        height: 210px;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

}

@media (min-width: 768px) and (max-width: 1200px) {
    .stocks-footer .card>a {
        height: 180px;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .carousel-caption {
        width: 100%;
    }

    .end-date-stocks {
        padding: 30px 10px !important;
    }

    span.slider-head-title {
        font-size: 36px;
    }

    .stocks .card>a,
    .news .card>a {
        width: 320px;
        height: 210px;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .stocks-footer .card>a img {
        height: 100%;
    }

}

button.btn-tooltip:focus {
    outline: none;
    box-shadow: none;
}

@media (max-width: 480px) {
    .slider-front-page img {
        display: none;
    }
}

/*CAPTCHA*/
div#sonata-ba-field-container-order_insurance_captcha {
    display: none;
}

.basket__btn .quantity {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADxSURBVHgBnVSBEYIwDExdwG4AG6gbuIqjOIFuAJs4AjqBZYLiBDWPDZZeOVr+7qEXmu8npSVKwDlXMx9M635oEEvN3aWS+dUxX8yTZ4/YkkgsgNWaRPwOV3Fc+Y+aX9rHsPqF+YzmHpitdwQMSqlB1DtXjndoD806+jFQJUpAY10wthhLE2HfiDVaB+bosfRQWdSXssTlzCk/zrN6MoEcCEoJhsqBMmoI1LQNhqlFwFA5PuIAO9BTOQZxUFHe1sUwzL042CIwNTH8iUodTLuwtQQtDiyVYzzByp9xOLhSvhMk30YXOBDM1v2vrxxYf/HoLxKYByJpb0eHAAAAAElFTkSuQmCC');
    background-position: center;
    margin-right: 6px;
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    color: var(--global-white-color);
}

.basket__btn .quantity span {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 23px;
    justify-content: center;
    margin-top: 2px;
}

.header-login a {
    display: initial !important;
}

.basket__btn {
    margin-bottom: 4px;
    margin-left: 20px;
}

.modal-header,
.modal-body {
    padding: 15px !important;
}

.modal-header button.close {
    position: absolute;
    top: 0;
    right: 9px;
}

.inc-img {
    position: absolute;
    padding: 10px 0px 0px 0px !important;
    width: 15%;
}

@media (max-width: 992px) {
    .inc-img {
        position: static;
        padding: 10px !important;
        width: 55% !important;
        margin-left: 25%;
    }
}

.checkbox.style-b {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox.style-b input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox.style-b input:checked~.checkbox__checkmark {
    background-color: var(--global-white-color);
}

.checkbox.style-b input:checked~.checkbox__checkmark:after {
    opacity: 1;
}

.checkbox.style-b:hover input~.checkbox__checkmark {
    background-color: #eee;
}

.checkbox.style-b:hover input:checked~.checkbox__checkmark {
    background-color: var(--global-white-color);
}

.checkbox.style-b .checkbox__checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px !important;
    width: 18px !important;
    padding: initial;
    background-color: var(--global-white-color);
    border: 2px solid #333;
    transition: background-color 0.25s ease;
    border-radius: 4px;
}

.checkbox.style-b .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #333;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.checkbox.style-b .checkbox__body {
    color: #333;
    font-size: 14px;
}

.checkboxes__item-privacy a {
    color: #333;
    text-decoration: underline;
}

#check_privacy {
    padding: 0 !important;
}

#check_privacy.error {
    border-color: red;
}

.short_company_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.short_company_box {
    width: 250px;
    display: flex;
    height: 200px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border: 1px solid #b3b3b3;
    padding: 20px 10px;
    justify-content: center;
}

.short_company_img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.short_company_name {
    text-align: center;
    font-size: 16px;
    color: #1c1414;
    margin-bottom: 0;
    line-height: normal;
}

@media (max-width: 768px) {
    .short_company_box {
        width: 100%;
        height: 100%;
    }

    .footer-nav {
        padding-left: 15px;
    }
}

.checkboxes__item-privacy {
    width: 100%;
}

.checkbox.style-b .checkbox__body.checkbox__body-black,
.checkbox__body.checkbox__body-black>a {
    color: var(--global-white-color);
}

.modal-body .form-group.checkboxes__item-privacy {
    width: 85%;
    margin: 0 auto;
}

.modal-body .form-group.checkbox.style-b.js-form-privacy {
    margin: 0 0 auto 25px;
}

.site_title {
    color: var(--global-dark-color);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.section_retreat {
    margin-bottom: 100px;
}

.section_retreat-gray {
    padding: 50px 0;
    background: #F6F6F6;
}

.kasko_banner_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    gap: 40px;
}

.kasko_banner_wrap>span {
    color: var(--global-white-color);
    text-align: center;
    font-size: 18px;
    font-style: normal;

    line-height: 22px;
    padding: 0;
}

.kasko_banner_btn {
    color: var(--global-white-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;

    background: var(--global-dark-second-color);
    padding: 10px;
    display: flex;
    width: 100%;
    max-width: 300px;
    margin: 50px auto 0;
    cursor: pointer;
    height: 50px;
    align-items: center;
    justify-content: center;
    border: none;
    text-transform: uppercase;
}

.kasko_banner_btn:focus,
.kasko_banner_btn:active {
    outline: none;
}

.kasko_banner_btn:hover {
    color: var(--global-white-color);
    text-decoration: none;
    opacity: 80%;
}

/* ==ВИБИРАЙТЕ НАЙКРАЩІ СТРАХОВІ ПРОДУКТИ=== */
.choose_insurance_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.section_retreat .choose_insurance_wrapper_container {
    max-width: 1300px;
}

.choose_insurance_box {
    padding: 30px 10px;
    border-radius: 12px;
    border: 1px solid rgba(197, 198, 198, 0.50);
    background: var(--global-dark-opacity-second-color);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.choose_insurance_title {
    color: var(--global-dark-second-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

.choose_insurance_text {
    color: var(--global-dark-color);
    font-size: 14px;
    font-style: normal;

    line-height: 20px;
    margin: 0;
}

.choose_insurance_btn {
    color: var(--global-dark-color);
    font-size: 16px;
    font-style: normal;

    margin-top: auto;
}

.choose_insurance_box:hover {
    text-decoration: none;
    box-shadow: 0px 10px 30px 0px rgba(156, 156, 156, 0.22);
}

.choose_insurance_box:hover>.choose_insurance_btn {
    color: var(--global-dark-second-color);
}

@media (max-width: 1200px) {
    .choose_insurance_wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 911px) {
    .choose_insurance_wrapper {
        grid-template-columns: 1fr;
    }

    .section_retreat {
        margin-bottom: 80px;
    }
}

/* END==ВИБИРАЙТЕ НАЙКРАЩІ СТРАХОВІ ПРОДУКТИ=== */

/* ПРО ПОСЛУГУ=== */

.about_service_title {
    color: var(--global-dark-color);
    text-align: center;
    font-family: Circe;
    font-size: 16px;
    font-style: normal;

    line-height: 20px;
    margin-bottom: 30px;
}

.about_service_sub_text {
    color: var(--global-dark-color);
    text-align: center;
    font-family: Circe;
    font-size: 18px;
    font-style: normal;

    line-height: 22px;
    margin-bottom: 30px;
}

.about_service_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}

.about_service_box {
    border-radius: 100px;
    background: #F5F5F5;
    color: #9C9C9C;
    font-family: Circe;
    font-size: 18px;
    font-style: normal;

    line-height: 22px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 176px;
    width: 100%;
    height: 50px;
}

/* END==ПРО ПОСЛУГУ=== */

/* END==Які ризики покриває=== */

.risks_does_cover_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
}

.risks_does_cover_box {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #C5C6C6;
    justify-content: center;
    flex-direction: column;
}

.risks_does_cover_box>p {
    color: var(--global-dark-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;

    line-height: 20px;
    margin: 0;
}

@media (max-width: 991px) {
    .about_service_wrapper {
        flex-wrap: wrap;
        gap: 10px;
    }

    .risks_does_cover_wrapper {
        grid-template-columns: 1fr;
    }
}

/* END==Які ризики покриває=== */

/* END==Які ризики покриває=== */

.risks_cover_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 50px;
}

.risks_cover_box {
    border-radius: 12px;
    border: 1px solid var(--grey, #C5C6C6);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.risks_cover_box>p {
    color: var(--global-dark-color);
    text-align: center;
    font-family: Circe;
    font-size: 16px;
    font-style: normal;

    line-height: 20px;
    margin: 0;
}

.risks_cover_subtext {
    color: var(--global-dark-color);
    text-align: center;
    font-size: 18px;
    font-style: normal;

    line-height: 22px;
    margin: 0;
}


@media (max-width: 1200px) {
    .risks_cover_wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 991px) {
    .risks_cover_wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .risks_cover_wrapper {
        grid-template-columns: 1fr
    }

    .about_service_box {
        max-width: 125px;
    }
}

/* END==Які ризики покриває=== */

/* Inform Doc */

.inform_doc_wrapper {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 20px;
}

.inform_doc-title {
    width: 100%;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 54px;
    color: #0A0A0A;
    margin: 25px 0;
    display: block;
    text-align: center;
}

.doc-icon {
    width: 100%;
    max-width: 45px;
    max-height: 45px;
    height: 100%;
    margin-bottom: 18px;
}

.doc-btn:hover {
    opacity: 85%;
    text-decoration: none;
}

.doc-btn-red {
    color: var(--global-white-color);
    border: 1px solid var(--global-dark-second-color);
    background: var(--global-dark-second-color);
}

.doc-btn-red:hover {
    color: var(--global-white-color);
    opacity: 85%;
}

.doc-btn-white {
    color: var(--global-dark-second-color);
    border: 1px solid var(--global-dark-second-color);
    background: transparent;
}

.doc-btn-white:hover {
    opacity: 85%;
    color: var(--global-dark-second-color);
    border: 1px solid var(--global-dark-second-color);
    background: transparent;
}

.doc-btn {
    width: 100%;
    max-width: 300px;
    padding: .75rem 3.75rem;
    font-weight: 600;
    display: inline-block;
}

@media (max-width: 768px) {
    .inform_doc_wrapper {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .doc-btn {
        max-width: 100%;
    }
}

/* END Inform Doc */


/* Insurance form */

.insurance_calc_form_wrapper {
    border-radius: 4px;
    background: var(--global-dark-opacity-second-color);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    padding: 20px;
}

.insurance_calc_form_text {
    color: #181716;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 30px;
}

.insurance_calc_form_title {
    color: #181716;
    font-size: 24px;
    font-style: normal;

    line-height: 28px;
    margin-bottom: 30px;

}

.insurance_calc_form_sub_title {
    color: #181716;
    font-size: 16px;
    font-style: normal;

    line-height: 20px;
    margin-bottom: 50px;
}

.ins_calc_form {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.ins_calc_form_select {
    border-radius: 2px;
    background: #F6F6F6;
    padding: 10px;
    border: none;
    color: #181716;
    font-size: 16px;
    font-style: normal;

    height: 45px;
    cursor: pointer;
    width: 100%;
    display: block;
    -webkit-appearance: auto;
    border-color: #8e8e8e;
    -moz-appearance: auto;
    appearance: auto;
}

.ins_calc_form_select.error {
    border: 1px solid var(--global-dark-second-color);
}

.ins_calc_form_input.error {
    border: 1px solid var(--global-dark-second-color);
}

.ins_calc_form_input.error {
    border: 1px solid var(--global-dark-second-color);
}

.ins_calc_privacy_check.error {
    border: 1px solid var(--global-dark-second-color) !important;
}

.ins_calc_form_input {
    border-radius: 2px;
    background: #F6F6F6;
    padding: 10px;
    border: none;
    color: #181716;
    font-size: 16px;
    font-style: normal;

    height: 45px;
}

.ins_calc_form_textarea {
    grid-column: span 2;
    border-radius: 2px;
    background: #F6F6F6;
    padding: 10px;
    border: none;
    color: #181716;
    font-size: 16px;
    font-style: normal;

    resize: none;
    height: 170px;
}

.ins_calc_form_select:focus,
.ins_calc_form_select:active,
.ins_calc_form_input:focus,
.ins_calc_form_input:active,
.ins_calc_form_textarea:focus,
.ins_calc_form_textarea:active {
    outline: none;
}

textarea.ins_calc_form_textarea:focus {
    background: #F6F6F6 !important;

}

.ins_calc_form_btn {
    grid-column: span 4;
    max-width: 300px;
    width: 100%;
    border-radius: 2px;
    background: var(--global-dark-second-color);
    border: 1px solid var(--global-dark-second-color);
    color: var(--global-white-color);
    font-size: 14px;
    font-style: normal;

    line-height: 20px;
    padding: 10px;
    height: 50px;
    border: none;
    cursor: pointer;
    margin-top: -65px;
    transition: all ease .2s;
}

.ins_calc_form_btn:hover {
    background: transparent;
    color: var(--global-dark-second-color);
    border: 1px solid var(--global-dark-second-color);
    transition: all ease .2s;
}

/* checkbox style */

.ins_calc_checkboxes {
    grid-column: span 2;
    margin-top: -100px;
}

.ins_calc_checkbox.ins_calc_chec-style {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ins_calc_checkbox.ins_calc_chec-style input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.ins_calc_checkbox.ins_calc_chec-style input:checked~.ins_calc_checkmark {
    background-color: var(--global-white-color);
}

.ins_calc_checkbox.ins_calc_chec-style input:checked~.ins_calc_checkmark:after {
    opacity: 1;
}

.ins_calc_checkbox.ins_calc_chec-style:hover input~.ins_calc_checkmark {
    background-color: #eee;
}

.ins_calc_checkbox.ins_calc_chec-style:hover input:checked~.ins_calc_checkmark {
    background-color: var(--global-white-color);
}

.ins_calc_checkbox.ins_calc_chec-style .ins_calc_checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: var(--global-white-color);
    border: 1px solid #C5C6C6;
    transition: background-color 0.25s ease;
    border-radius: 4px;
}

.ins_calc_checkbox.ins_calc_chec-style .ins_calc_checkmark:after {
    content: "";
    position: absolute;
    left: 6px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #018E42;
    border-width: 0px 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.ins_calc_checkbox.ins_calc_chec-style .ins_calc_checkbox_body {
    color: #181716;
    font-size: 10px;
    font-style: normal;

    line-height: 14px;
}

.ins_calc_checkbox_body>a {
    color: #018E42;
    display: block;
}

/* END checkbox style */

.ins_calc_form_btn:focus,
.ins_calc_form_btn:active {
    outline: none;
}

@media (max-width: 991px) {
    .ins_calc_form {
        grid-template-columns: 1fr;
    }

    .ins_calc_form_btn {
        max-width: 100%;
        grid-column: span 1;
        margin-top: 0px;
    }

    .ins_calc_checkboxes {
        grid-column: span 1;
        margin-top: 0px;
    }

    .ins_calc_form_textarea {
        grid-column: span 1;
        height: auto;
    }
}

/* END Insurance form */

.col-4 .card .card-img-top {
    width: inherit;
}


.scroll-to-top {
    position: fixed;
    bottom: 50px;
    right: 30px;
    background-color: #1e2a32;
    color: var(--global-white-color);
    border: none;
    border-radius: 5px;
    padding: 5px 15px;
    display: none;
    cursor: pointer;
    font-size: 24px;
}

.scroll-to-top:hover {
    background-color: #1e2a32cb;
}

/* ======= doc ======== */

.section_info_doc {
    margin-bottom: 100px;
}

.section_info_doc p {
    margin: 0;
}

.accordion_doc_link {
    position: relative;
    font-size: 18px;
    margin-top: 10px;
    padding-left: 15px;
    display: block;
}

.accordion_doc_link::before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-color: var(--global-dark-color);
    border-radius: 50%;
}

.accordion_doc {
    margin-top: 30px;
    border: 1px solid #ECECEC;
    border-radius: 5px;
    overflow: hidden;
}

.accordion_input {
    display: none;
}

.accordion_label {
    position: relative;
    display: block;
    padding: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 15px;
    margin: 0;
    border-radius: 3px;
    justify-content: flex-end;

}

/* .accordion_label::before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdib3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgkJCQkJCTxwYXRoIGQ9Ik0zMS4xNzQ2IDEwLjA3MDRDMzAuMDc4IDguOTczODEgMjguMjkzNyA4Ljk3Mzg4IDI3LjE5NjggMTAuMDcwN0MyNi44NTk0IDEwLjQwODQgMjQuNzA1MyAxMi41NjQyIDI0LjM3NjMgMTIuODkzNlY1LjQ2NDEzQzI0LjM3NjMgNC43MTI4OCAyNC4wODM3IDQuMDA2NjIgMjMuNTUyNSAzLjQ3NTQ0TDIwLjkwMDkgMC44MjM3NUMyMC4zNjk3IDAuMjkyNSAxOS42NjM0IDAgMTguOTEyMiAwSDIuODEzNzhDMS4yNjI5NyAwIDAuMDAxMjgxNzQgMS4yNjE2OSAwLjAwMTI4MTc0IDIuODEyNVYyOS4xODc1QzAuMDAxMjgxNzQgMzAuNzM4MyAxLjI2Mjk3IDMyIDIuODEzNzggMzJIMjEuNTYzOEMyMy4xMTQ2IDMyIDI0LjM3NjMgMzAuNzM4MyAyNC4zNzYzIDI5LjE4NzVWMjAuODUxOUwzMS4xNzQ1IDE0LjA0NzlDMzIuMjczNyAxMi45NDg4IDMyLjI3NCAxMS4xNjk3IDMxLjE3NDYgMTAuMDcwNFpNMTguNzUxMyAxLjg3NUMxOC45Mjg1IDEuODc1IDE5LjI2OTggMS44NDQzMSAxOS41NzUxIDIuMTQ5NTZMMjIuMjI2NyA0LjgwMTI1QzIyLjUyNDIgNS4wOTg4MSAyMi41MDEzIDUuNDI0ODcgMjIuNTAxMyA1LjYyNUgxOC43NTEzVjEuODc1Wk0yMi41MDEzIDI5LjE4NzVDMjIuNTAxMyAyOS43MDQ0IDIyLjA4MDggMzAuMTI1IDIxLjU2MzggMzAuMTI1SDIuODEzNzhDMi4yOTY4NCAzMC4xMjUgMS44NzYyOCAyOS43MDQ0IDEuODc2MjggMjkuMTg3NVYyLjgxMjVDMS44NzYyOCAyLjI5NTU2IDIuMjk2ODQgMS44NzUgMi44MTM3OCAxLjg3NUgxNi44NzYzVjYuNTYyNUMxNi44NzYzIDcuMDgwMjUgMTcuMjk2IDcuNSAxNy44MTM4IDcuNUgyMi41MDEzVjE0Ljc3MDJDMjIuNTAxMyAxNC43NzAyIDE5LjczNTQgMTcuNTM4NCAxOS43MzUzIDE3LjUzODVMMTguNDEwMSAxOC44NjM4QzE4LjMwNzIgMTguOTY2NiAxOC4yMjk2IDE5LjA5MjEgMTguMTgzNiAxOS4yMzAyTDE2Ljg1NzcgMjMuMjA3N0MxNi43NDU0IDIzLjU0NDYgMTYuODMzMSAyMy45MTYgMTcuMDg0MiAyNC4xNjcxQzE3LjMzNTcgMjQuNDE4NSAxNy43MDcyIDI0LjUwNTggMTguMDQzNiAyNC4zOTM2TDIyLjAyMTEgMjMuMDY3OEMyMi4xNTkyIDIzLjAyMTggMjIuMjg0NyAyMi45NDQyIDIyLjM4NzUgMjIuODQxMkwyMi41MDEzIDIyLjcyNzVWMjkuMTg3NVpNMjAuMzk4OCAxOS41MjY3TDIxLjcyNDYgMjAuODUyNUwyMS4yMTgyIDIxLjM1ODlMMTkuMjI5NSAyMi4wMjE4TDE5Ljg5MjMgMjAuMDMzMUwyMC4zOTg4IDE5LjUyNjdaTTIzLjA1MDIgMTkuNTI2NEwyMS43MjQzIDE4LjIwMDZDMjIuNDMwMyAxNy40OTQgMjUuNTY1OSAxNC4zNTU4IDI2LjIzMDkgMTMuNjkwMkwyNy41NTY3IDE1LjAxNkwyMy4wNTAyIDE5LjUyNjRaTTI5Ljg0ODUgMTIuNzIyNEwyOC44ODIgMTMuNjg5NkwyNy41NTYyIDEyLjM2MzhMMjguNTIzIDExLjM5NjJDMjguODg4NyAxMS4wMzA3IDI5LjQ4MzMgMTEuMDMwNyAyOS44NDg4IDExLjM5NjJDMzAuMjE0MyAxMS43NjE5IDMwLjIxNjIgMTIuMzU0NiAyOS44NDg1IDEyLjcyMjRaIiBmaWxsPSIjRTAyQTJBIi8+DQoJCQkJCQk8cGF0aCBkPSJNMTcuODEzNiA5LjM3NUg0LjY4ODZDNC4xNzA4NSA5LjM3NSAzLjc1MTEgOS43OTQ3NSAzLjc1MTEgMTAuMzEyNUMzLjc1MTEgMTAuODMwMyA0LjE3MDg1IDExLjI1IDQuNjg4NiAxMS4yNUgxNy44MTM2QzE4LjMzMTMgMTEuMjUgMTguNzUxMSAxMC44MzAzIDE4Ljc1MTEgMTAuMzEyNUMxOC43NTExIDkuNzk0NzUgMTguMzMxMyA5LjM3NSAxNy44MTM2IDkuMzc1WiIgZmlsbD0iI0UwMkEyQSIvPg0KCQkJCQkJPHBhdGggZD0iTTE0LjA2MzYgMTMuMTI1SDQuNjg4NkM0LjE3MDg1IDEzLjEyNSAzLjc1MTEgMTMuNTQ0NyAzLjc1MTEgMTQuMDYyNUMzLjc1MTEgMTQuNTgwMyA0LjE3MDg1IDE1IDQuNjg4NiAxNUgxNC4wNjM2QzE0LjU4MTQgMTUgMTUuMDAxMSAxNC41ODAzIDE1LjAwMTEgMTQuMDYyNUMxNS4wMDExIDEzLjU0NDcgMTQuNTgxNCAxMy4xMjUgMTQuMDYzNiAxMy4xMjVaIiBmaWxsPSIjRTAyQTJBIi8+DQoJCQkJCQk8cGF0aCBkPSJNMTQuMDYzNiAxNi44NzVINC42ODg2QzQuMTcwODUgMTYuODc1IDMuNzUxMSAxNy4yOTQ3IDMuNzUxMSAxNy44MTI1QzMuNzUxMSAxOC4zMzAzIDQuMTcwODUgMTguNzUgNC42ODg2IDE4Ljc1SDE0LjA2MzZDMTQuNTgxNCAxOC43NSAxNS4wMDExIDE4LjMzMDMgMTUuMDAxMSAxNy44MTI1QzE1LjAwMTEgMTcuMjk0NyAxNC41ODE0IDE2Ljg3NSAxNC4wNjM2IDE2Ljg3NVoiIGZpbGw9IiNFMDJBMkEiLz4NCgkJCQkJCTxwYXRoIGQ9Ik0xNC4wNjM2IDIwLjYyNUg0LjY4ODZDNC4xNzA4NSAyMC42MjUgMy43NTExIDIxLjA0NDcgMy43NTExIDIxLjU2MjVDMy43NTExIDIyLjA4MDMgNC4xNzA4NSAyMi41IDQuNjg4NiAyMi41SDE0LjA2MzZDMTQuNTgxNCAyMi41IDE1LjAwMTEgMjIuMDgwMyAxNS4wMDExIDIxLjU2MjVDMTUuMDAxMSAyMS4wNDQ3IDE0LjU4MTQgMjAuNjI1IDE0LjA2MzYgMjAuNjI1WiIgZmlsbD0iI0UwMkEyQSIvPg0KCQkJCQkJPHBhdGggZD0iTTE3LjgxMzYgMjYuMzc1SDEyLjE4ODZDMTEuNjcwOCAyNi4zNzUgMTEuMjUxMSAyNi43OTQ3IDExLjI1MTEgMjcuMzEyNUMxMS4yNTExIDI3LjgzMDMgMTEuNjcwOCAyOC4yNSAxMi4xODg2IDI4LjI1SDE3LjgxMzZDMTguMzMxMyAyOC4yNSAxOC43NTExIDI3LjgzMDMgMTguNzUxMSAyNy4zMTI1QzE4Ljc1MTEgMjYuNzk0NyAxOC4zMzEzIDI2LjM3NSAxNy44MTM2IDI2LjM3NVoiIGZpbGw9IiNFMDJBMkEiLz4NCgkJCQkJPC9zdmc+);
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate(0, -50%);
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
} */

.accordion_title {
    font-style: normal;
    font-size: 18px;
    color: var(--global-dark-color);

}

.accordion_doc label:hover {
    background-color: rgba(236, 236, 236, 0.300);
}

.accordion_doc .accordion_content_open {
    max-height: 0;
    overflow: hidden;
    background: var(--global-white-color);
}

.accordion_content {
    padding: 20px;
}

.accordion_content>table {
    width: 100% !important;
}

.accordion_doc input:checked+label>.accordion_arrow {
    transform: rotate(-180deg);
}

.accordion_doc input:checked+label {
    background-color: rgba(236, 236, 236, 0.300);
}

.accordion_doc input:checked+label+.accordion_content_open {
    max-height: max-content;

}

@media (max-width: 991px) {
    .accordion_content {
        overflow-y: hidden;
        overflow-x: auto;
    }

    .accordion_content>table {
        width: 1000px !important;
    }

    .accessibility_wrapper {
        display: none;
    }
}

/* ===END==== doc ======== */

.info_box_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.info_box {
    padding: 30px 10px;
    border-radius: 12px;
    border: 1px solid rgba(197, 198, 198, 0.50);
    background: var(--global-dark-opacity-second-color);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.info_box_title {
    color: var(--global-dark-second-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

.info_box_text {
    color: var(--global-dark-color);
    font-size: 14px;
    font-style: normal;

    line-height: 20px;
    margin: 0;
}

.info_box_btn {
    color: var(--global-dark-color);
    font-size: 16px;
    font-style: normal;

    margin-top: auto;
}

.info_box:hover {
    text-decoration: none;
    box-shadow: 0px 10px 30px 0px rgba(156, 156, 156, 0.22);
}

.info_box:hover>.info_box_btn {
    color: var(--global-dark-second-color);
    text-decoration: none;
}

.btn-cookie {
    background: var(--global-dark-second-color);
    color: var(--global-white-color);
    border: 1px solid var(--global-dark-second-color);
}

.btn-cookie:hover {
    background: var(--global-dark-second-color);
    color: var(--global-white-color);
    border: 1px solid var(--global-dark-second-color);
}

.h2-title-kasco {
    font-size: 48px;
    padding-bottom: 18px;
    width: 100%;
}

.menu-image {
    max-height: 152.5px;
    object-fit: cover
}

/* accordion-ques */

.info-icon-i{
    width: 100px;
    height: 100px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.accordion-ques_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
}

.accordion-ques-item {
    border-top: 1px solid #ccc;
}

.accordion-ques-header {
    display: flex;
    align-items: center;
    color: #000000;
    cursor: pointer;
    padding: 10px 10px 10px 0;
    font-weight: 600;
}

.square {
    width: 100%;
    max-width: 55px;
    height: 55px;
    display: inline-block;
    margin-right: 15px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.square.open {
    background-color: var(--global-dark-second-color);
}

.square.closed {
    background-color: #000000;
}

.accordion-ques-content {
    display: none;
    padding: 15px 0;
}

.accordion-ques-item:first-child .square {
    content: "-";
}

@media (max-width: 991px) {
    .accordion-ques_wrapper {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .info_box_wrapper {
        grid-template-columns: 1fr;
    }

    div.size-may .size-may-block:first-child {
        margin-right: 0;
    }
}

/* END accordion-ques */