@charset "UTF-8";
input[type=checkbox], input[type=radio], legend {
    padding: 0
}

pre, textarea {
    overflow: auto
}

blockquote, cite, dfn, em {
    font-style: italic
}

code, kbd, pre, samp {
    font-size: var(--font-size-b3)
}

.header-main .btn_contact .mainmenu-nav .main-menu li.has-dropdown .submenu, .header-main .mainmenu-nav .main-menu li.has-dropdown .submenu, .header-main.header-white .btn_contact .mainmenu-nav .main-menu li.has-dropdown .submenu, .header-main.header-white ul.rbt-dropdown-menu li .sub-menu, ul.rbt-dropdown-menu li .sub-menu {
    padding: 12px 0;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .12);
    border-top: 1px solid #e6e3f14f;
    clip: rect(0, 200vw, 0, 0);
    transition: opacity .4s linear, clip .6s linear, visibility 0s .4s;
    transform: translateZ(0);
    opacity: 0;
    visibility: hidden
}

.btn-outline-gradient_2, a, ins {
    text-decoration: none
}

*, .form-control {
    box-sizing: border-box
}

#breadcrumbs, #textContainer p, .typewriter h1 {
    white-space: nowrap
}

body {
    font-family: e-Ukraine;
    position: relative;
    background: #f8f9f9
}

:root {
    --color-blue: #2f57ef;
    --color-black1: #050505;
    --color-black2: #0B0B0B;
    --color-white1: #F8F9F9;
    --color-primary: #2f57ef;
    --color-secondary: #b966e7;
    --color-coral: #E9967A;
    --color-violet: #800080;
    --color-pink: #DB7093;
    --color-heading: #192335;
    --color-body: #6b7385;
    --color-white: #ffffff;
    --color-white-off: #FFFFFFAB;
    --color-bodyest: #273041;
    --color-dark: #27272E;
    --color-darker: #192335;
    --color-black: #111113;
    --color-grey: rgba(207, 207, 207, .24);
    --color-grey2: #f4f5f7;
    --color-gray: #A1A9AC;
    --color-gray-light: #F6F6F6;
    --color-gray-lighter: #ebebeb;
    --color-light: #F5F7FA;
    --color-lighter: #F2F5F9;
    --primary-opacity: #2f57ef21;
    --secondary-opacity: #b966e721;
    --coral-opacity: #E9967A21;
    --violet-opacity: #80008021;
    --pink-opacity: #DB709321;
    --white-opacity: #ffffff21;
    --danger-opacity: #FF000310;
    --warning-opacity: #FF8F3C10;
    --success-opacity: #3EB75E10;
    --black-opacity: rgba(0, 0, 0, 0.04);
    --heading-opacity: #19233550;
    --color-card-1: #fffccf;
    --color-card-2: #ffedff;
    --color-card-3: #ffe8eb;
    --color-card-4: #e9f6ff;
    --color-card-5: #5024D1;
    --color-card-6: #3B3B46;
    --color-success: #3EB75E;
    --color-danger: #FF0003;
    --color-warning: #FF8F3C;
    --color-info: #1BA2DB;
    --color-primary-alt: #D1EBE6;
    --color-primary-light: #f1f7ff;
    --color-primary-lighter: #EEEEFF;
    --color-secondary-alt: #fef4f4;
    --color-extra: rgb(249, 249, 255);
    --color-extra2: #F9F9FF;
    --color-border: #e6e3f1;
    --color-border-2: #e6e3f14f;
    --color-badge-1: #303F5B;
    --color-badge-2: #F2C94C;
    --color-facebook: #3B5997;
    --color-twitter: #1BA1F2;
    --color-youtube: #ED4141;
    --color-linkedin: #0077B5;
    --color-pinterest: #E60022;
    --color-instagram: #C231A1;
    --color-vimeo: #00ADEF;
    --color-twitch: #6441A3;
    --color-discord: #7289da;
    --radius-10: 10px;
    --radius-big: 16px;
    --radius-small: 6px;
    --border-width: 2px;
    --radius: 6px;
    --f-light: 300;
    --f-regular: 400;
    --f-medium: 500;
    --f-semi-bold: 600;
    --f-bold: 700;
    --f-extra-bold: 800;
    --f-black: 900;
    --shadow-primary: 0px 4px 10px rgba(37, 47, 63, 0.1);
    --shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
    --shadow-dark: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    --shadow-1: 0px 6px 34px rgba(215, 216, 222, 0.41);
    --shadow-slide-item: 0px 0 10px 0 rgba(215, 216, 222, 0.20);
    --shadow-2: 0 15px 34px 0 rgba(175, 181, 204, 0.32);
    --shadow-3: 0 5px 15px 0 rgba(85, 74, 101, 0.37);
    --shadow-5: 0px 20px 70px 0px rgba(0, 0, 0, 0.1);
    --shadow-7: 0px 15px 30px -2px rgba(0, 0, 0, 0.1);
    --shadow-8: -5px 18px 60px 0 rgba(210, 210, 234, 0.4);
    --shadow-9: 0 13px 48px 0 rgba(215, 216, 222, 0.44);
    --shadow-10: 0 13px 14px 0 rgba(129, 104, 145, 0.05);
    --shadow-11: 0 0 10px 0 rgba(0, 0, 0, 0.06);
    --transition: 0.3s;
    --transition-2: 256ms ease-in-out;
    --transition-3: transform .85s cubic-bezier(.23, 1, .32, 1), background .3s, border .3s, border-radius .3s, box-shadow .3s;
    --transition-4: all .25s cubic-bezier(.645, .045, .355, 1);
    --font-primary: "e-Ukraine";
    --font-secondary: "e-Ukraine";
    --font-alt: "e-Ukraine", serif;
    --font-size-b1: 24px;
    --font-size-b2: 18px;
    --font-size-b3: 16px;
    --font-size-b4: 12px;
    --line-height-b1: 1.5;
    --line-height-b2: 1.67;
    --line-height-b3: 1.67;
    --line-height-b4: 1;
    --h1: 52px;
    --h2: 44px;
    --h3: 34px;
    --h4: 30px;
    --h5: 20px;
    --h6: 16px;
    --div-gap-1: 10px;
    --gradient-1: linear-gradient(rgb(255, 255, 255) 0%, rgb(239, 241, 255) 100%);
    --gradient-4: linear-gradient(180deg, #fff, #f6f9ff);
    --gradient-2: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(240, 242, 255) 100%);
    --gradient-3: linear-gradient(90deg, #8DA9FC 0%, #B48DD5 100%);
    --gradient-4: linear-gradient(180deg, #EFF1FF 0%, #FFFFFF 100%);
    --gradient-5: linear-gradient(rgb(239, 241, 255) 0%, rgb(239, 241, 255) 100%);
    --gradient-6: linear-gradient(to right, rgba(255, 255, 255, 0.15), rgba(251, 199, 226, 0.15), rgba(220, 217, 254, 0.15));
    --gradient-7: linear-gradient(218.15deg, var(--color-secondary) 0%, var(--color-primary) 100%);
    --gradient-8: linear-gradient(270deg, #9e77ff 0%, #4460ff 100%);
    --gradient-9: linear-gradient(180deg, #6827FF 0%, #E3F0FF 100%);
    --Gradient: linear-gradient(90deg, #2BA9CD 0%, #BC558F 89.58%)
}

.card-news .img-box a, .customcheck input:checked ~ .checkmark:after, .service-home .tab-image.active, article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block
}

.header-main.header-white .lang-menu a span, .header-main.header-white ul.rbt-dropdown-menu li a span, audio, canvas, ul.rbt-dropdown-menu li a span, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

#breadcrumbs span span:nth-last-child(2):before, .adaptive_box .adaptive_box__image .mobile, .adaptive_box .box_img .mobile, .counter-section .item-counter:last-child:after, .hamberger .hamberger-button:hover:after, .info-col .line, .list-breadcrumb li:nth-last-child(2) a:before, .map-section .info-col .line, .page-website .title_footer .lis_check, .placeholder, .popup-mobile-menu .inner-wrapper .inner-top .close-button:after, .service-home .tab-image, .slider_dec .link_news_container, [hidden] {
    display: none
}

a {
    color: #000;
    outline: 0;
    transition: .3s
}

a:active, a:focus, a:hover {
    text-decoration: none;
    outline: 0;
    color: #28aace
}

a:focus {
    outline: 0
}

address {
    margin: 0 0 24px
}

abbr[title] {
    border-bottom: 1px dotted
}

b, blockquote b, blockquote strong, strong {
    font-weight: 700
}

mark {
    background: var(--color-primary);
    color: #fff
}

code, kbd, pre, samp {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    color: var(--color-primary)
}

.banner-main .banner-info a:hover, .banner_acation .title_wrap .h4, .breadcrumb_white .list-breadcrumb .curent-page, .color-white, .footer-main .social-default.transparent-with-border li a i:before, .list-pagination .curent:hover, .mob_lang ul li a.active, .mob_lang ul li a:hover, .mobile-menu-bar .hamberger-button, .mobile-menu-bar .hamberger-button i, .mobile-menu-bar .hamberger-button i:before, .page_404 .wrap-btn .btn span, .popup-mobile-menu .mainmenu li a i:before, .popup-mobile-menu .mainmenu > li > a i, ins, kbd, ul.rbt-dropdown-menu li a i:before, ul.rbt-dropdown-menu li:hover a {
    color: #fff
}

pre {
    font-family: "Courier 10 Pitch", Courier, monospace;
    margin: 10px 0;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: var(--color-body);
    background: var(--color-lighter)
}

small {
    font-size: smaller
}

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

.footer-main .social-default li a i, img {
    vertical-align: middle
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl {
    margin-top: 0;
    margin-bottom: 10px
}

menu, ol, ul {
    margin: 16px 0;
    padding: 0 0 0 40px
}

.footer-main .social-me .social-icon li, .service-home .link-wrap-list li, nav ol, nav ul {
    list-style: none
}

.popup-mobile-menu .mainmenu li, .rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item, figure, form, li > ol, li > ul {
    margin: 0
}

.case_page .manufacturer .box-text:last-child, .contact-info .item-box:last-child, .content-page-text ul li:last-child, .header-main.header-white ul.rbt-dropdown-menu li .sub-menu li:last-child, .service-home .link-wrap-list:last-child, .simplebar-content p:last-child, ol ul, ul.rbt-dropdown-menu li .sub-menu li:last-child {
    margin-bottom: 0
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    max-width: 100%;
    height: auto
}

.mobile_slider .swiper-container, .slider-mobile .next-project .img-wrapper, svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: 1px solid var(--color-border);
    margin: 0 2px;
    min-width: inherit;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    white-space: normal
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline
}

button, input {
    line-height: normal
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer
}

button[disabled], input[disabled] {
    cursor: default
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    appearance: textfield;
    padding-right: 2px;
    width: 270px
}

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

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    vertical-align: top
}

caption, td, th {
    font-weight: 400
}

.content-page-text b, .content-page-text strong, .fw-500, .title-small, th {
    font-weight: 500
}

.wp-block-calendar tfoot td, td {
    border: 1px solid var(--color-border);
    padding: 7px 10px
}

del {
    color: #333
}

ins {
    background: rgba(255, 47, 47, .4)
}

hr {
    background-size: 4px 4px;
    border: 0;
    height: 1px;
    margin: 0 0 24px
}

.header-main.header-white ul.rbt-dropdown-menu li .sub-menu li, dt, ul.rbt-dropdown-menu li .sub-menu li {
    margin-bottom: 10px
}

.content-page-text a, table a, table a:link, table a:visited {
    text-decoration: underline
}

dt {
    color: var(--color-heading);
    font-weight: 700
}

dd {
    margin: 0 15px 15px
}

caption {
    caption-side: top
}

kbd {
    background: var(--color-heading)
}

blockquote, q {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none
}

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

blockquote {
    font-size: var(--font-size-b1);
    font-weight: var(--f-light);
    margin: 24px 40px
}

.contact-info .messenger-box .messenger_list li:last-child, .footer-main .social-default li:last-child, .list-breadcrumb li:last-child, .mob_lang ul li:last-child, blockquote blockquote {
    margin-right: 0
}

blockquote cite, blockquote small {
    font-size: var(--font-size-b3);
    font-weight: 400
}

.h1, h1 {
    font-size: 110px;
    line-height: 116px
}

@media (max-width: 991.98px) {
    .h1, h1 {
        font-size: 80px;
        line-height: normal
    }
}

.h2, h2 {
    font-size: 72px;
    line-height: 80px
}

.h3, h3 {
    font-size: 56px;
    line-height: 68px
}

.h4, h4 {
    font-size: 40px;
    line-height: 60px
}

.h5, h5 {
    font-size: 32px;
    line-height: 48px
}

.h6, .h7, h6 {
    line-height: 28px
}

.h6, h6 {
    font-size: 24px
}

@media (max-width: 767.98px) {
    .h1, h1 {
        font-size: 50px
    }

    .h2, h2 {
        font-size: 36px;
        line-height: 40px
    }

    .h3, h3 {
        font-size: 40px;
        line-height: 50px
    }

    .h4, h4 {
        font-size: 30px;
        line-height: normal
    }

    .h6, h6 {
        font-size: 20px;
        line-height: 28px
    }
}

.h7 {
    font-size: 22px
}

.h8 {
    font-size: 16px !important;
    line-height: 24px !important
}

p {
    font-weight: 300
}

.title-small {
    color: #050505;
    font-size: 88px;
    line-height: 105px
}

@media (max-width: 1199.98px) {
    .title-small {
        font-size: 60px;
        line-height: 70px
    }

    .header-main .header-main-row {
        height: 72px
    }
}

.color-gray {
    color: #f8f9f9
}

#breadcrumbs span span a:hover, .color-black, .header-main.header-white .lang-menu a i:before, .header-main.header-white .mainmenu-nav .main-menu > li.active > a, .header-main.header-white .mainmenu-nav .main-menu > li:hover > a, .header-main.header-white .mainmenu-nav .main-menu > li > a, .header-main.header-white .mobile-menu-bar .hamberger-button, .header-main.header-white .mobile-menu-bar .hamberger-button i, .header-main.header-white .mobile-menu-bar .hamberger-button i:before, .header-main.header-white ul.rbt-dropdown-menu li a i:before, .header-main.header-white ul.rbt-dropdown-menu li:hover a {
    color: #050505
}

.color-lue, .header-main.header-white ul.rbt-dropdown-menu li .sub-menu li a:hover, ul.rbt-dropdown-menu li .sub-menu li a:hover {
    color: #28aace
}

.color-black_1, .color-white_1 {
    color: #0b0b0b
}

.btn-gradien_1:hover span, .btn-gradient:hover span, .btn-gradient_1:hover span, .btn-outline-gradient:hover span, .footer-main .social-default.transparent-with-border li a:hover i:before, .gradient_font, .header-main .btn-outline-gradient:hover span, .header-main .btn_contact:hover span, .header-main.header-white .btn_contact:hover span {
    background: var(--Gradient, linear-gradient(90deg, #2ba9cd 0, #bc558f 89.58%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tarnform {
    transform: translateY(-120%)
}

.transparent-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto
}

.header-main {
    z-index: 9999;
    transition: transform .4s, background-color .4s, box-shadow .4s
}

.header-main.header-white {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
    background: #fff
}

.btn-link, .btn-link:focus {
    box-shadow: none !important
}

.header-main.header-white .drop-down-icon, .header-main.header-white .lang-menu .drop-down-icon {
    width: 7.91px;
    height: 4.25px;
    fill: #050505;
    margin-left: 4.4px;
    position: relative;
    top: -1px
}

.header-main.header-white .lang-menu a, .header-main.header-white ul.rbt-dropdown-menu li a {
    transition: .25s cubic-bezier(.645, .045, .355, 1);
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    color: #050505
}

.header-main.header-white .lang-menu a .left-image, .header-main.header-white ul.rbt-dropdown-menu li a .left-image, ul.rbt-dropdown-menu li a .left-image {
    width: 20px;
    height: auto;
    margin-right: 5px
}

.header-main.header-white .lang-menu a .right-icon, .header-main.header-white ul.rbt-dropdown-menu li a .right-icon, ul.rbt-dropdown-menu li a .right-icon {
    transition: .25s cubic-bezier(.645, .045, .355, 1);
    display: inline-block
}

.header-main.header-white .lang-menu a .right-icon:before, .header-main.header-white ul.rbt-dropdown-menu li a .right-icon:before, ul.rbt-dropdown-menu li a .right-icon:before {
    font-size: 9.8px
}

.header-main.header-white ul.rbt-dropdown-menu, ul.rbt-dropdown-menu {
    padding: 0;
    margin: 0;
    list-style: none
}

.header-main.header-white ul.rbt-dropdown-menu li, ul.rbt-dropdown-menu li {
    margin: 0;
    list-style: none
}

.header-main.header-white ul.rbt-dropdown-menu li:hover a i:before, .mainmenu-nav .main-menu > li.active > a, .mainmenu-nav .main-menu > li:hover > a, ul.rbt-dropdown-menu li:hover a i:before {
    color: #919191
}

.header-main.header-white ul.rbt-dropdown-menu li.has-child-menu, ul.rbt-dropdown-menu li.has-child-menu {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative
}

.header-main.header-white ul.rbt-dropdown-menu li .sub-menu, ul.rbt-dropdown-menu li .sub-menu {
    top: 30.1px;
    background: #fff;
    min-width: 50px;
    margin: 0;
    list-style-type: none;
    z-index: 10;
    text-align: start;
    border-radius: 6px;
    right: 0;
    position: absolute;
    left: 0
}

.footer-main .menu_footer, .form-check, .header-main .btn_contact .mainmenu-nav .main-menu li:first-child a, .header-main .mainmenu-nav .main-menu li:first-child a, .header-main.header-white .btn_contact .mainmenu-nav .main-menu li:first-child a, .mob_lang ul {
    padding-left: 0
}

.header-main.header-white ul.rbt-dropdown-menu li .sub-menu.hover-reverse, ul.rbt-dropdown-menu li .sub-menu.hover-reverse {
    left: auto;
    right: -7px
}

.header-main.header-white ul.rbt-dropdown-menu li .sub-menu li a, ul.rbt-dropdown-menu li .sub-menu li a {
    color: #050505;
    font-family: e-Ukraine;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin: 0;
    padding: 4px 0;
    background: var(--color-white);
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .25s cubic-bezier(.645, .045, .355, 1);
    position: relative
}

.header-main.header-white ul.rbt-dropdown-menu li:hover .sub-menu, ul.rbt-dropdown-menu li:hover .sub-menu {
    top: 30.1px;
    visibility: visible;
    opacity: 1;
    clip: rect(0, 100vw, 200vh, -30px);
    transition: clip .6s linear, opacity .4s linear
}

.header-main.header-white ul.rbt-dropdown-menu.currency-menu li .sub-menu, ul.rbt-dropdown-menu.currency-menu li .sub-menu {
    min-width: 100px
}

.header-main.header-white .btn_contact {
    transition: .6s;
    background-image: linear-gradient(90deg, #2ba9cd, #bc558f 89.583%);
    border-radius: 40px;
    position: relative;
    border: none !important;
    color: #050505;
    background-origin: border-box;
    background-clip: padding-box, border-box
}

.header-main.header-white .btn_contact:before {
    transition: .5s;
    content: "";
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    left: 2px;
    top: 2px;
    background: #fff;
    border-radius: 40px;
    opacity: 0
}

.header-main .btn_contact:hover, .header-main.header-white .btn_contact:hover {
    background-image: var(--Gradient, linear-gradient(90deg, #2ba9cd 0, #bc558f 89.58%))
}

.btn-gradient_1:hover:before, .header-main.header-white .btn_contact:hover:before, .new_swiper .swiper .next:hover, .new_swiper .swiper .prev:hover {
    opacity: 1
}

.header-main .btn_contact .mainmenu-nav .main-menu, .header-main .mainmenu-nav .main-menu, .header-main.header-white .btn_contact .mainmenu-nav .main-menu {
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center
}

.header-main .btn_contact .mainmenu-nav .main-menu > li.has-dropdown > a::after, .header-main.header-white .btn_contact .mainmenu-nav .main-menu > li.has-dropdown > a::after {
    width: calc(100% - 15px)
}

.header-main .btn_contact .mainmenu-nav .main-menu > li, .header-main.header-white .btn_contact .mainmenu-nav .main-menu > li, .section-testimonial .testimonial-link .link_first {
    margin-right: 24px
}

.header-main .btn_contact .mainmenu-nav .main-menu > li > a, .header-main .mainmenu-nav .main-menu > li > a, .header-main.header-white .btn_contact .mainmenu-nav .main-menu > li > a {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: 200;
    display: flex;
    align-items: center;
    height: 87px;
    line-height: 80px;
    transition: .3s
}

.header-main .btn_contact .mainmenu-nav .main-menu > li > a.active, .header-main .mainmenu-nav .main-menu > li > a.active, .header-main.header-white .btn_contact .mainmenu-nav .main-menu > li > a.active, .rbt-cart-side-menu .rbt-round-btn i:before {
    color: #000
}

.header-main .btn_contact .mainmenu-nav .main-menu > li:hover > a::after, .header-main.header-white .btn_contact .mainmenu-nav .main-menu > li:hover > a::after, .rbt-link-hover a:hover::after, .samall_link-hover a:hover::after {
    transform-origin: bottom left;
    transform: scaleX(1)
}

.header-main .btn_contact .mainmenu-nav .main-menu > li.active > a, .header-main .mainmenu-nav .main-menu > li.active > a, .header-main.header-white .btn_contact .mainmenu-nav .main-menu > li.active > a {
    color: #000 !important
}

.header-main .btn_contact .mainmenu-nav .main-menu > li.active > a i, .header-main .mainmenu-nav .main-menu > li.active > a i, .header-main.header-white .btn_contact .mainmenu-nav .main-menu > li.active > a i {
    transform: rotate(180deg);
    margin-top: 2px
}

.header-main .btn_contact .mainmenu-nav .main-menu li, .header-main .mainmenu-nav .main-menu li, .header-main.header-white .btn_contact .mainmenu-nav .main-menu li {
    margin-top: 0;
    margin-bottom: 0;
    position: relative
}

.header-main .btn_contact .mainmenu-nav .main-menu li:last-child a, .header-main .mainmenu-nav .main-menu li:last-child a, .header-main.header-white .btn_contact .mainmenu-nav .main-menu li:last-child a {
    padding-right: 0
}

.header-main .btn_contact .mainmenu-nav .main-menu li.has-dropdown .submenu, .header-main.header-white .btn_contact .mainmenu-nav .main-menu li.has-dropdown .submenu {
    top: 60px;
    min-width: 240px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: auto;
    z-index: 90;
    text-align: left;
    border-radius: 10px;
    background: #fff;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 10px
}

.header-main .btn_contact .mainmenu-nav .main-menu li.has-dropdown .submenu li, .header-main .mainmenu-nav .main-menu li.has-dropdown .submenu li, .header-main.header-white .btn_contact .mainmenu-nav .main-menu li.has-dropdown .submenu li, .popup-mobile-menu .mainmenu .has-dropdown, .popup-mobile-menu .mainmenu .has-dropdown > a, .popup-mobile-menu .mainmenu .has-menu-child-item, .popup-mobile-menu .mainmenu .has-menu-child-item > a, .rbt-link-hover a, .section-case .cases-box .card-img, .service-home .change-image, .step-box .step_card {
    position: relative
}

.header-main .btn_contact .mainmenu-nav .main-menu li.has-dropdown .submenu li a, .header-main .mainmenu-nav .main-menu li.has-dropdown .submenu li a, .header-main.header-white .btn_contact .mainmenu-nav .main-menu li.has-dropdown .submenu li a {
    padding: 6px 20px;
    display: block;
    color: #050505;
    font-size: 14px;
    font-weight: 400;
    border-radius: 3px;
    transition: .3s;
    font-family: e-Ukraine
}

.header-main .btn_contact .mainmenu-nav .main-menu li.has-dropdown .submenu li a.active, .header-main .btn_contact .mainmenu-nav .main-menu li.has-dropdown .submenu li a:hover, .header-main .mainmenu-nav .main-menu li.has-dropdown .submenu li a.active, .header-main .mainmenu-nav .main-menu li.has-dropdown .submenu li a:hover, .header-main.header-white .btn_contact .mainmenu-nav .main-menu li.has-dropdown .submenu li a.active, .header-main.header-white .btn_contact .mainmenu-nav .main-menu li.has-dropdown .submenu li a:hover, .link_hover:hover {
    color: #28aace !important
}

.header-main .btn_contact .mainmenu-nav .main-menu li.has-dropdown .submenu li ul.submenu, .header-main .mainmenu-nav .main-menu li.has-dropdown .submenu li ul.submenu, .header-main.header-white .btn_contact .mainmenu-nav .main-menu li.has-dropdown .submenu li ul.submenu {
    left: 100%;
    top: 0;
    text-align: left
}

.header-main .btn_contact .mainmenu-nav .main-menu li.has-dropdown:hover > .submenu, .header-main .mainmenu-nav .main-menu li.has-dropdown:hover > .submenu, .header-main.header-white .btn_contact .mainmenu-nav .main-menu li.has-dropdown:hover > .submenu {
    top: 60px;
    visibility: visible;
    opacity: 1;
    clip: rect(0, 100vw, 200vh, -30px);
    transition: clip .6s linear, opacity .4s linear
}

.header-main .btn_contact .mainmenu-nav .main-menu > li .submenu > li:hover > .submenu, .header-main .mainmenu-nav .main-menu > li .submenu > li:hover > .submenu, .header-main.header-white .btn_contact .mainmenu-nav .main-menu > li .submenu > li:hover > .submenu {
    top: 100%;
    clip: rect(0, 100vw, 200vh, -30px);
    transition: clip .6s linear, opacity .4s linear;
    opacity: 1;
    visibility: visible;
    border-radius: 10px
}

.header-main .header-main-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-main .main-navigation, .list-pagination {
    display: flex;
    justify-content: center;
    align-items: center
}

.header-main .header-right {
    display: flex;
    align-items: center;
    margin-left: 68px;
    transition: margin-left .5s
}

.header-main .header-right .btn-wrapper {
    margin-right: 28px
}


@media (min-width: 1200px) {
    .header-main .header-right .btn-wrapper {
        margin-right: 0px
    }

}



.btn-outline-gradient, .header-main .btn-outline-gradient {
    transition: .6s;
    background: #fff;
    border-radius: 40px;
    position: relative;
    padding: 6.5px 23.3px
}

.btn-outline-gradient span, .header-main .btn-outline-gradient span {
    color: #fff;
    font-family: e-Ukraine;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    z-index: 2
}

.btn-outline-gradient_2, .header-main .btn_contact span, ul.rbt-dropdown-menu li a {
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.btn-outline-gradient:before, .header-main .btn-outline-gradient:before {
    content: "";
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    left: 1px;
    top: 1px;
    right: 0;
    bottom: 1px;
    background: #000;
    border-radius: 40px
}

.btn-outline-gradient:hover, .header-main .btn-outline-gradient:hover {
    background: var(--Gradient, linear-gradient(90deg, #2ba9cd 0, #bc558f 89.58%))
}

.header-main .btn_contact {
    transition: .6s;
    background: border-box padding-box, border-box #fff;
    border-radius: 40px;
    position: relative;
    border: none !important;
    padding: 10px 30px
}

.header-main .btn_contact span {
    font-family: e-Ukraine;
    position: relative;
    z-index: 2;
    line-height: 20px;
    display: block
}

.header-main .btn_contact:before {
    content: "";
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    left: 2px;
    top: 2px;
    background: #000;
    border-radius: 40px
}

.header-main .btn_contact .header-right .btn, .header-main .header-right .btn {
    min-width: 149px
}

.header-main .mainmenu-nav .main-menu > li {
    margin-right: 32px
}

.header-main .mainmenu-nav .main-menu li.has-dropdown .submenu {
    top: 60px;
    min-width: 240px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: auto;
    z-index: 90;
    text-align: left;
    border-radius: 10px;
    background: #fff;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: -13px
}

ul.rbt-dropdown-menu li a {
    transition: .25s cubic-bezier(.645, .045, .355, 1);
    display: inline-block
}

.rbt-link-hover a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform .3s
}

.header-info {
    margin-left: 5px
}

@-webkit-keyframes polosa1 {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes polosa1 {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

.element-to-animate {
    -webkit-animation: 1s ease-in-out polosa1;
    animation: 1s ease-in-out polosa1
}

.typewriter h1 {
    color: #fff;
    font-family: monospace;
    overflow: hidden;
    border-right: .15em solid orange;
    margin: 0 auto;
    letter-spacing: .15em;
    -webkit-animation: 3.5s steps(30, end) typing, .5s step-end infinite blink-caret;
    animation: 3.5s steps(30, end) typing, .5s step-end infinite blink-caret
}

@-webkit-keyframes typing {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes typing {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@-webkit-keyframes blink-caret {
    from, to {
        border-color: transparent
    }
    50% {
        border-color: orange
    }
}

@keyframes blink-caret {
    from, to {
        border-color: transparent
    }
    50% {
        border-color: orange
    }
}

.btn-outline-gradient_2 {
    position: relative;
    display: inline-block;
    padding: 6.5px 23.3px;
    overflow: hidden;
    font-family: e-Ukraine;
    border-radius: 40px;
    background: #000;
    border: 2px solid #fff;
    transition: background .3s ease-out
}

.btn-outline-gradient_2:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--Gradient, linear-gradient(90deg, #2ba9cd 0, #bc558f 89.58%));
    border-radius: 40px;
    z-index: -1;
    transition: transform .3s ease-out;
    transform: scaleX(0);
    transform-origin: right
}

.btn-outline-gradient_2:hover {
    background: #fff;
    border: 2px solid #000
}

.btn-outline-gradient_2:hover:before {
    transform: scaleX(1);
    transform-origin: left
}

.mainmenu-nav .main-menu > li:hover > a .drop-down-icon {
    fill: #919191
}

.drop-down-icon {
    width: 7.91px;
    height: 4.25px;
    fill: #fff;
    margin-left: 4.4px;
    position: relative;
    top: -1px
}

#nav-arrow, .my-icon {
    fill: #000;
    transition: fill .3s
}

#nav-arrow:hover {
    fill: red
}

.block-right-header, .footer-main .social-me .social-icon, .popup-mobile-menu .nav-quick-access li a i, .slider-mobile .form-section-inner {
    display: flex
}

.header-sticky {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
    top: 0
}

.rbt-offcanvas-trigger .offcanvas-trigger {
    display: block;
    color: var(--color-heading);
    position: relative;
    cursor: pointer;
    font-size: .25em
}

.rbt-offcanvas-trigger .offcanvas-trigger .offcanvas-bars {
    display: inline-block;
    width: 26px;
    margin: 0;
    vertical-align: middle;
    height: 20px
}

.rbt-offcanvas-trigger .offcanvas-trigger .offcanvas-bars span {
    display: inline-block;
    height: 2px;
    margin-left: 0;
    transform-origin: left center;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
    background-color: transparent;
    transition: transform .3s, opacity .3s, width .3s, background-color .3s .3s
}

.rbt-offcanvas-trigger .offcanvas-trigger .offcanvas-bars span::after, .rbt-offcanvas-trigger .offcanvas-trigger .offcanvas-bars span::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #090909
}

.rbt-offcanvas-trigger .offcanvas-trigger .offcanvas-bars span::before {
    transform: translate(-100%, 0);
    transition: 325ms cubic-bezier(.38, .98, .4, 1)
}

.rbt-offcanvas-trigger .offcanvas-trigger .offcanvas-bars span::after {
    transition: 325ms cubic-bezier(.38, .98, .4, 1)
}

.rbt-offcanvas-trigger .offcanvas-trigger:hover .offcanvas-bars span::before {
    transform: translate(0, 0)
}

.rbt-offcanvas-trigger .offcanvas-trigger:hover .offcanvas-bars span::after {
    transform: translate(100%, 0)
}

.rbt-offcanvas-trigger .offcanvas-trigger:hover .offcanvas-bars span:first-child::before {
    transition-delay: .18s
}

.rbt-offcanvas-trigger .offcanvas-trigger:hover .offcanvas-bars span:nth-child(2)::before {
    transition-delay: .24s
}

.rbt-offcanvas-trigger .offcanvas-trigger:hover .offcanvas-bars span:nth-child(2)::after {
    transition-delay: 60ms
}

.rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(3), .rbt-offcanvas-trigger .offcanvas-trigger:hover .offcanvas-bars span:last-child::before, .side-menu .side-nav .navbar-nav li:nth-child(3) {
    transition-delay: .3s
}

.rbt-offcanvas-trigger .offcanvas-trigger:hover .offcanvas-bars span:last-child::after {
    transition-delay: .12s
}

.rbt-offcanvas-trigger.md-size {
    margin-top: 2px
}

.rbt-offcanvas-trigger.md-size .offcanvas-trigger .offcanvas-bars {
    width: 22px;
    height: 20px
}

.rbt-offcanvas-trigger.md-size .offcanvas-trigger .offcanvas-bars span {
    margin-bottom: 2px
}

.rbt-cart-side-menu, .side-menu {
    width: 50%;
    position: fixed;
    right: 0;
    top: 0;
    background: var(--color-white);
    z-index: 9999;
    height: 100%;
    transform: translate3d(100%, 0, 0);
    overflow: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    transition: transform .85s cubic-bezier(.23, 1, .32, 1), opacity .6s step-end
}

.btn-gradien_1, .btn-gradient, .case_page .manufacturer .box-text__icon .icon .icon_box {
    background-image: linear-gradient(90deg, #2ba9cd, #bc558f 89.583%)
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-cart-side-menu, .side-menu {
        width: 50%
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-cart-side-menu, .side-menu {
        width: 550px
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-cart-side-menu, .side-menu {
        width: 550px
    }
}

@media only screen and (max-width: 767px) {
    .rbt-offcanvas-trigger .offcanvas-trigger .offcanvas-bars span {
        margin-bottom: 4px
    }

    .rbt-cart-side-menu, .side-menu {
        width: 450px
    }
}

.rbt-cart-side-menu .inner-wrapper, .side-menu .inner-wrapper {
    padding: 60px 50px;
    height: 100%;
    position: relative;
    overflow-y: auto
}

.rbt-cart-side-menu .inner-wrapper .inner-top, .side-menu .inner-wrapper .inner-top {
    padding-bottom: 25px;
    margin-bottom: 25px
}

.rbt-cart-side-menu .inner-wrapper .content, .side-menu .inner-wrapper .content, .title_width_text {
    display: flex;
    justify-content: space-between
}

.popup-mobile-menu .inner-wrapper .description, .rbt-cart-side-menu .inner-wrapper .description, .side-menu .inner-wrapper .description {
    padding-right: 18%;
    margin-top: 20px
}

.rbt-cart-side-menu .side-nav, .side-menu .side-nav {
    margin-bottom: 30px;
    display: block
}

.rbt-cart-side-menu .side-nav .navbar-nav, .side-menu .side-nav .navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.rbt-cart-side-menu .side-nav .navbar-nav li, .side-menu .side-nav .navbar-nav li {
    display: block;
    margin: 10px 0;
    padding: 0 !important;
    opacity: 0;
    transition: .8s .5s;
    transform: translateY(30px)
}

.rbt-cart-side-menu .side-nav .navbar-nav li a, .side-menu .side-nav .navbar-nav li a {
    color: var(--color-heading);
    font-size: var(--font-size-b1);
    font-weight: 500
}

.rbt-cart-side-menu .side-nav .navbar-nav li:first-child, .side-menu .side-nav .navbar-nav li:first-child {
    transition-delay: .1s
}

.rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(2), .side-menu .side-nav .navbar-nav li:nth-child(2) {
    transition-delay: .2s
}

.rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(4), .side-menu .side-nav .navbar-nav li:nth-child(4) {
    transition-delay: .4s
}

.rbt-cart-side-menu .side-nav .navbar-nav li:nth-child(5), .side-menu .side-nav .navbar-nav li:nth-child(5) {
    transition-delay: .5s
}

.rbt-cart-side-menu.start-from-left, .side-menu.start-from-left {
    left: 0;
    right: auto;
    transform: translate3d(-100%, 0, 0)
}

.rbt-cart-side-menu.start-from-left.side-menu-active, .side-menu.start-from-left.side-menu-active {
    transform: translate3d(0, 0, 0)
}

.rbt-cart-side-menu.side-menu-active, .side-menu.side-menu-active {
    transform: translate3d(0, 0, 0);
    transition: transform .85s cubic-bezier(.23, 1, .32, 1), opacity .6s step-start
}

.rbt-cart-side-menu.side-menu-active .side-nav .navbar-nav li, .side-menu.side-menu-active .side-nav .navbar-nav li {
    transform: translateY(0);
    opacity: 1
}

.close_side_menu {
    display: block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1091;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .6);
    transition: opacity .3s, visibility .3s
}

.cart-sidenav-menu-active .close_side_menu, .offcanvas-menu-active .close_side_menu {
    opacity: 1;
    visibility: visible
}

.popup-mobile-menu, .rbt-offcanvas-side-menu {
    z-index: 9999;
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s ease-out
}

.btn-gradient, .btn-gradient_1 {
    transition: .6s;
    position: relative;
    color: #fff;
}

.rbt-offcanvas-side-menu .inner-wrapper {
    width: 450px;
    z-index: 999;
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    opacity: 0;
    left: -150px;
    transition: .5s ease-out;
    padding: 60px 50px;
    height: 100%;
    position: relative;
    overflow-y: auto
}

.rbt-offcanvas-side-menu .inner-wrapper .inner-top {
    border-bottom: 1px solid var(--primary-opacity);
    padding-bottom: 25px;
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between
}

.popup-mobile-menu.active, .rbt-offcanvas-side-menu.active-offcanvas {
    visibility: visible;
    opacity: 1
}

.popup-mobile-menu.active .inner-wrapper, .rbt-offcanvas-side-menu.active-offcanvas .inner-wrapper {
    opacity: 1;
    left: 0;
    overflow-y: auto
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper {
    margin: 0;
    padding: 0
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vartical-nav-content-menu-wrapper {
    padding-left: 15px;
    padding-top: 20px;
    margin-bottom: 20px
}

.box_text .btn-wrap, .mt-20, .rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vartical-nav-content-menu-wrapper .vartical-nav-content-menu + .vartical-nav-content-menu {
    margin-top: 20px
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vartical-nav-content-menu-wrapper a {
    font-size: 16px;
    font-weight: 500
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item > a {
    padding: 8px 0;
    display: block;
    font-size: 16px;
    font-weight: 500;
    position: relative
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item > a::after {
    position: absolute;
    content: "\e9b1";
    font-family: feather !important;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item > a.active::after {
    content: "\e996"
}

.rbt-category-sidemenu .rbt-vertical-nav-list-wrapper .vertical-nav-item + .vertical-nav-item {
    border-top: 1px solid var(--color-border)
}

@media only screen and (min-width: 1200px) {
    .popup-mobile-menu {
        display: none
    }
}

.popup-mobile-menu .inner-wrapper {
    width: 400px;
    z-index: 999;
    background-color: #000;
    display: flex;
    flex-direction: column;
    opacity: 0;
    left: -150px;
    transition: .5s ease-out;
    padding: 60px 30px;
    height: 100%;
    position: relative;
    overflow-y: auto
}

@media only screen and (max-width: 767px) {
    .popup-mobile-menu .inner-wrapper, .rbt-cart-side-menu .inner-wrapper, .side-menu .inner-wrapper {
        padding: 30px
    }

    .rbt-offcanvas-side-menu .inner-wrapper .inner-top {
        padding-bottom: 15px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 575px) {
    .header-main.header-white .lang-menu a .right-icon, .header-main.header-white ul.rbt-dropdown-menu li a .right-icon, ul.rbt-dropdown-menu li a .right-icon {
        font-size: 12px
    }

    .rbt-cart-side-menu, .side-menu {
        width: 100%
    }

    .rbt-offcanvas-side-menu .inner-wrapper {
        width: 310px;
        padding: 40px 30px
    }

    .popup-mobile-menu .inner-wrapper {
        width: 100%;
        padding: 30px 15px
    }
}

.popup-mobile-menu .inner-wrapper .inner-top {
    border-bottom: 1px solid #2f57ef21;
    padding-bottom: 25px;
    margin-bottom: 25px
}

.adaptive_box .adaptive_box__title, .banner_text .banner_text__title, .popup-mobile-menu .inner-wrapper .inner-top .logo {
    margin-bottom: 20px
}

.popup-mobile-menu .inner-wrapper .inner-top .logo a img {
    max-height: 30px
}

.popup-mobile-menu .inner-wrapper .inner-top .close-button {
    background: rgba(255, 255, 255, .08);
    border: 0;
    color: #fff;
    width: 44px;
    height: 44px;
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%
}

.popup-mobile-menu .mainmenu, .popup-mobile-menu .mainmenu .mega-menu-item {
    list-style: none;
    padding: 0;
    margin: 0
}

.popup-mobile-menu .mainmenu > li > a {
    font-size: 22px !important;
    font-weight: 500 !important
}

.popup-mobile-menu .mainmenu > li > a span {
    background: var(--Gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.popup-mobile-menu .mainmenu li > a {
    color: #fff;
    font-family: e-Ukraine;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    border-bottom: 1px solid #626161
}

.popup-mobile-menu .mainmenu li a {
    padding: 15px 52px 15px 0;
    display: block;
    color: #fff
}

.popup-mobile-menu .mainmenu .has-dropdown .submenu li a.active, .popup-mobile-menu .mainmenu li a.active {
    color: #2f57ef !important
}

.popup-mobile-menu .mainmenu li a i {
    color: #fff !important;
    font-size: 18px
}

.popup-mobile-menu .mainmenu .has-dropdown .submenu {
    padding: 0;
    max-width: 100%;
    list-style: none;
    display: none
}

.popup-mobile-menu .mainmenu .has-dropdown .submenu li a {
    padding: 21px 0;
    font-size: 14px;
    font-weight: 300
}

.popup-mobile-menu .mainmenu .has-dropdown i, .popup-mobile-menu .mainmenu .has-menu-child-item i {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    padding: 10px;
    cursor: pointer;
    transition: .3s
}

.popup-mobile-menu .mainmenu .has-dropdown i.open, .popup-mobile-menu .mainmenu .has-menu-child-item i.open {
    transform: rotate(180deg)
}

.popup-mobile-menu .mainmenu .rbt-megamenu {
    padding: 0 0 0 14px;
    max-width: 100%;
    list-style: none;
    display: none
}

.popup-mobile-menu .mainmenu .mega-menu-item li a {
    font-size: 15px
}

.popup-mobile-menu .mainmenu .mega-menu-item li:last-child {
    border-bottom: 1px solid #e6e3f1
}

.popup-mobile-menu .mainmenu .single-mega-item:last-child .mega-menu-item li:last-child {
    border-bottom-color: transparent
}

.popup-mobile-menu .mainmenu .single-mega-item + .single-mega-item {
    margin-top: 15px
}

.popup-mobile-menu .mainmenu .single-mega-item .rbt-short-title {
    margin-top: 8px
}

.popup-mobile-menu .mega-top-banner {
    margin: 10px 0 9px;
    background-image: inherit;
    background-color: var(--color-dark);
    border-radius: 4px
}

.popup-mobile-menu .mega-top-banner .content {
    width: 100%;
    display: block
}

.popup-mobile-menu .nav-quick-access {
    display: block;
    margin: 20px 0 20px -20px;
    padding: 6px 17px;
    overflow: hidden
}

.popup-mobile-menu .nav-quick-access li a {
    display: flex;
    font-size: 14px
}

.popup-mobile-menu .rbt-ads-wrapper {
    margin-bottom: 20px;
    margin-top: -16px;
    margin-left: -15px
}

@media only screen and (max-width: 1199px) {
    .rbt-vertical-nav-list-wrapper .vartical-nav-content-menu-wrapper {
        display: none
    }

    .popup-mobile-menu .rbt-ads-wrapper {
        margin-top: 0;
        margin-left: 0
    }

    .popup-mobile-menu .rbt-ads-wrapper img {
        border-radius: 10px
    }
}

.popup-mobile-menu .btn-wrapper {
    margin-left: -14px;
    margin-bottom: 20px;
    margin-top: -14px
}

.popup-mobile-menu .rbt-btn.btn-xl {
    padding: 0 15px !important;
    font-size: 14px !important;
    height: 50px;
    line-height: 52px;
    border-radius: 4px !important
}

.popup-mobile-menu .rbt-btn i {
    display: block !important
}

.popup-mobile-menu .mega-category-item {
    margin-top: -15px;
    margin-bottom: 15px
}

.popup-mobile-menu .mega-category-item .nav-category-item {
    padding: 8px 14px
}

@media only screen and (max-width: 767px) {
    .popup-mobile-menu .inner-wrapper .inner-top {
        padding-bottom: 15px;
        margin-bottom: 0
    }

    .popup-mobile-menu .inner-wrapper .content {
        display: block
    }

    .popup-mobile-menu .inner-wrapper .description {
        padding-right: 0
    }

    .hamberger {
        margin-left: 10px
    }
}

.hamberger .hamberger-button {
    background: 0 0;
    border: 0;
    color: #fff;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    padding: 0
}

.footer-main .form-check .wpcf7-checkbox input[type=checkbox]:checked + span:before, .hamberger .hamberger-button:hover, .slide-form .form-check .wpcf7-checkbox input[type=checkbox]:checked + span:before {
    background: 0 0
}

.hamberger .hamberger-button i {
    font-size: 19px
}

.mob_lang ul {
    display: flex;
    margin-bottom: 0
}


.mob_lang ul li {
    list-style: none;
    margin-right: 8px
}

.mob_lang ul li a {
    color: rgba(255, 255, 255, .45);
    text-align: center;
    font-family: e-Ukraine;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    background: rgba(255, 255, 255, .16);
    border-radius: 4px;
    padding: 4px 8px
}

.samall_link-hover a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform .6s
}

.main_wrap, .samall_link-hover {
    position: relative;
    overflow: hidden
}

.link_hover {
    color: transparent
}

.btn-gradient_1 {
    background: linear-gradient(90deg, #2ba9cd, #bc558f 89.583%);
    border-radius: 40px;
    padding: 17.5px 49.4px;
    border: 1px solid #fff
}

.btn-gradient span, .btn-gradient_1 span {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    z-index: 1
}

.btn-gradient_1:before {
    transition: .5s;
    content: "";
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    left: 1px;
    top: 1px;
    right: 0;
    bottom: 1px;
    background: #fff;
    border-radius: 40px;
    opacity: 0
}

.btn-gradient_1:hover {
    background: var(--Gradient, linear-gradient(90deg, #2ba9cd 0, #bc558f 89.58%));
    border: 1px solid transparent;
    color: #fff;
    border-color: currentColor;
}

.btn-gradient {
    border-radius: 40px;
    padding: 17.5px 49.4px;
    border: none !important
}

.breadcrumb_white .list-breadcrumb a.curent-page:before, .btn-gradien_1:hover, .btn-gradient:hover {
    background: #fff
}

.btn-gradien_1 {
    transition: .2s ease-in-out;
    border-radius: 40px;
    padding: 17.5px 49.4px;
    border: none !important
}

.btn-gradien_1 span {
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.btn-link {
    border: none !important;
    text-decoration: none !important
}

.btn-link:focus {
    outline: 0 !important
}

.btn-gradient-border {
    color: #fff;
    border: 2px double #fff;
    background: border-box padding-box, border-box #000;
    border-radius: 50px
}

.btn_big {
    min-width: 304px;
    padding-top: 17.5px;
    padding-bottom: 17.5px
}

@media (max-width: 400.98px) {
    .btn_big {
        min-width: auto;
        width: 100%;
        max-width: inherit;
        padding-top: 15px
    }
}

.btn-gray {
    border-radius: 34px;
    background: rgba(255, 255, 255, .25);
    border: none !important;
    color: #fff;
    font-size: 16px;
    font-weight: 300
}

.btn-gray:focus{
    border-radius: 34px;
    background: rgba(255, 255, 255, .25) !important;
    border: none !important!important;
    color: #fff!important;
}



.btn-gray:active{
    border-radius: 34px!important;
    background: rgba(255, 255, 255, .25) !important;
    border: none !important;
    color: #fff!important;
}


.customcheck, .form-control {
    font-weight: 200;
    font-family: e-Ukraine
}

.btn-gray:hover {
    color: #fff;
    border-radius: 34px;
    background: #28aace
}

.swiper-button-prev {
    left: 0;
    cursor: url(https://i.ibb.co/jh8Y5f5/iconfinder-left-arrow-476327.png) 32 32, auto
}

.swiper-button-next {
    right: 0;
    cursor: url(https://i.ibb.co/PtH8dC5/iconfinder-right-arrow-476325.png) 32 32, auto
}

.page-website .sect-title .title_footer, .row-footer {
    margin-top: 18px
}

input::-moz-placeholder {
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    color: #fff
}

input:-ms-input-placeholder {
    -ms-transition: opacity .5s;
    transition: opacity .5s;
    color: #fff
}

input::placeholder {
    transition: opacity .5s;
    color: #fff
}

input:focus::-moz-placeholder {
    opacity: 0
}

input:focus:-ms-input-placeholder {
    opacity: 0
}

input:focus::placeholder {
    opacity: 0
}

.form-control::-moz-placeholder {
    color: #c2c2c2;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    opacity: 1;
    color: #c2c2c2
}

.form-control::placeholder {
    color: #c2c2c2;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #c2c2c2
}

.customcheck {
    display: block;
    position: relative;
    padding-left: 32px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #c2c2c2;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0;
    text-align: left;
    margin-top: -5px
}

.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #fff;
    border-radius: 2px
}

.customcheck input:checked ~ .checkmark {
    background-color: #000;
    border-radius: 2px
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.customcheck .checkmark:after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #fff
}

.footer-form .btn {
    width: 304px;
    height: 64px;
    border-color: #000
}

@media (max-width: 480px) {
    .btn-gradient .footer-form .btn, .footer-form .btn {
        width: 100%;
        max-width: 100%;
        min-width: inherit
    }
}


.form-group, .rbt-cart-side-menu .modal-form .rbt-form-group {
    margin-bottom: 24px
}

.form-control:focus, .slide-form .form-control:focus {
    background-color: transparent;
    border: 1px solid #28aace;
    box-shadow: none;
    color: #fff
}

.form-check-input {
    border: 1px solid #fff;
    border-radius: 2px !important;
    width: 20px;
    height: 20px
}

.form-check-input:checked[type=checkbox] {
    background-image: none;
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 2px
}

.form-control {
    border: 1px solid #626161;
    border-radius: 48px;
    padding: 0 24px;
    height: 60px;
    background: 0 0;
    font-size: 14px;
    color: #fff
}

@media (max-width: 1399.98px) {
    .header-main .header-right {
        margin-left: 30px
    }

    .footer-form .form-check {
        margin-bottom: 30px;
        max-width: 230px
    }

    .why_does .why_does__row .col_1:before {
        display: none
    }
}

@media (max-width: 1399.98px) and (max-width: 575.98px) {
    .footer-form .form-check {
        margin-bottom: 27px;
        max-width: 216px
    }
}

.form__title {
    margin-bottom: 27px
}

.form__title .h5 {
    color: #fff;
    font-family: e-Ukraine;
    font-size: 32px;
    font-weight: 500;
    line-height: 48px
}

.slide-form .customcheck .checkmark:after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: #050505FF;
    border-radius: 2px;
    border: 1px solid #050505FF
}

.slide-form .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #050505;
    border-radius: 2px
}

.slide-form .customcheck input:checked ~ .checkmark {
    background-color: #fffcfc;
    border-radius: 2px
}

.slide-form .customcheck {
    color: #050505FF
}

.slide-form .form-control {
    border: 1px solid #626161;
    color: rgba(0, 0, 0, .45);
    color: #050505FF !important
}

.rbt-cart-side-menu .modal-form .row-footer, .sect-title.page-title .line, .section-case .sect-title .line, .section-testimonial .sect-title .line, .slide-form .row-footer {
    margin-top: 12px
}

.slide-form .row-footer .btn {
    border-color: #fff !important;
    padding: 18px 87px;
    min-width: 304px;
    width: 100%
}

@media (max-width: 575.98px){
    .slide-form .row-footer .btn {
        max-width: 100%;

    }
}


.banner-main {
    background: url(../img/main-banner.png) 50% 100%/cover #000;
    background-repeat: no-repeat !important;
    height: 893px;
    padding-top: 168px
}

.banner_acation, .banner_image, .service-home {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.banner-main .iner-text {
    color: #fff;
    text-align: center;
    margin-bottom: 51px
}

.banner-main .iner-text .h1, .footer-main .contact_us .h6 {
    margin-bottom: 21px
}

.banner-main .iner-text p {
    color: #c2c2c2;
    font-family: e-Ukraine;
    font-size: 16px;
    line-height: 22px
}

.banner-main .iner-text p b, .banner-main .iner-text p strong {
    color: #fff;
    font-weight: 500
}

.banner-main .banner-info {
    margin-top: 118px
}

.banner-main .banner-info .banner-info__row, .box_text .box_text__row, .counter-section .row_counter {
    justify-content: space-between
}

.banner-main .banner-info .banner-info__row .banner-info_item:nth-child(2n) a i, .banner-main .banner-info .banner-info__row .banner-info_item:nth-child(3n) a i {
    font-size: 27px
}

.banner-main .banner-info a {
    font-size: 20px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #fff
}

.banner-main .banner-info a .icon {
    margin-right: 13px
}

.breadcrumb_white .list-breadcrumb a {
    position: relative;
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    font-weight: 300;
    line-height: 22px
}

.breadcrumb_white .list-breadcrumb a:before {
    background: rgba(255, 255, 255, .5)
}

.counter-section {
    margin-top: 92px
}

.counter-section .item-counter {
    position: relative;
    text-align: center
}

@media (max-width: 991.98px) {
    .title-small {
        font-size: 40px;
        line-height: 50px
    }

    .footer-form .btn {
        height: 56px;
        width: 100%
    }

    .form-group {
        margin-bottom: 16px
    }

    .form-control {
        height: 56px;
        color: rgba(255, 255, 255, .65);
        font-size: 14px;
        font-weight: 200
    }

    .banner-main .banner-info .banner-info__row {
        justify-content: center
    }

    .banner-main .banner-info .banner-info__row .banner-info_item:nth-child(2n) a {
        margin-bottom: 16px
    }

    .banner-main .banner-info .banner-info__row .banner-info_item:nth-child(3n) a i {
        font-size: 19px
    }

    .banner-main .banner-info .banner-info_item {
        text-align: center;
        justify-content: center;
        display: flex
    }

    .banner-main .banner-info a {
        justify-content: center;
        font-size: 14px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        text-align: center
    }

    .counter-section .item-counter {
        margin-bottom: 55px
    }

    .counter-section .item-counter:after {
        content: "";
        position: absolute;
        bottom: -30px;
        width: 80px;
        left: 50%;
        margin-left: -40px;
        height: 2px;
        background: #888
    }

    .counter-section .item-counter:nth-child(3n):after {
        display: none
    }
}

@media (max-width: 991.98px) and (max-width: 575.98px) {
    .counter-section .item-counter:after {
        bottom: -31px
    }
}

@media (min-width: 1200px) {
    .counter-section .item-counter:after {
        content: "";
        position: absolute;
        right: -32px;
        top: 40px;
        width: 2px;
        height: 80px;
        background: #888
    }

    .map-section .map-col {
        max-width: 792px;
        width: 100%
    }
}

.counter-section .wrap_counter .content, .page_404 .page_img_404, .section-news.caces_more .btn_wrap, .slider-mobile .next-project {
    text-align: center
}

.box_text .title_box, .counter-section .wrap_counter .title_counter {
    margin-bottom: 25px
}

.counter-section .wrap_counter .counter {
    font-family: e-Ukraine;
    font-size: 68px;
    font-weight: 200;
    color: #555
}

.counter-section .wrap_counter .subtitle {
    color: #050505;
    font-family: e-Ukraine;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: 0;
    text-align: center
}

@media (max-width: 1199.98px) {
    .counter-section .wrap_counter .title_counter {
        margin-bottom: 16px
    }

    .counter-section .wrap_counter .counter {
        color: #555;
        font-family: e-Ukraine;
        font-size: 55px;
        font-weight: 200;
        text-align: center
    }

    .counter-section .wrap_counter .subtitle {
        color: #050505;
        font-family: e-Ukraine;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0;
        text-align: center
    }

    .footer-main .line-border:before {
        display: none
    }
}

.sect-about {
    margin-top: 100px;
    padding-bottom: 181px;
    padding-top: 100px
}

.sect-about .sect-title, .section-news .sect-title, .section-testimonial .sect-title {
    margin-bottom: 57px
}

.card-news .img-box a img, .sect-about .about-img img, .section-case .cases-box .card-img img, .section-news .inner .img-box img {
    border-radius: 8px
}

.sect-about .about-text {
    font-family: e-Ukraine
}

@media (min-width: 992px) {
    .rbt-cart-side-menu .modal-form .right-col-footer, .right-col-footer {
        padding-left: 12px !important
    }

    .form__title .h5 {
        margin-top: -7px
    }

    .counter-section .item-counter {
        max-width: 260px;
        padding: 0
    }

    .counter-section .item-counter:after {
        content: "";
        position: absolute;
        right: -6px;
        top: 40px;
        width: 2px;
        height: 80px;
        background: #888
    }

    .sect-about .about-text {
        padding-left: 45px;
        margin-top: -5px
    }
}

.sect-about .about-text p {
    margin-bottom: 25px;
    line-height: 26px
}

.sect-about .about-text .h6 {
    margin-bottom: 28px
}

.service-home {
    padding-top: 104px;
    padding-bottom: 136px;
    background-color: #000;
    background-image: url(../img/service-bg.png)
}

.service-home .sect-title {
    color: #fff;
    text-align: center
}

.service-home .sect-title .sub-title {
    color: #c2c2c2;
    font-family: e-Ukraine;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    text-align: center;
    margin-top: 22px
}

.service-home .row-service {
    display: flex;
    align-items: center;
    margin-top: 43px
}

@media (max-width: 991.98px) {
    .sect-about .about-text {
        margin-top: 30px
    }

    .service-home .change-image {
        display: flex;
        justify-content: center
    }

    .service-home .link-wrap {
        margin: 0 auto
    }
}

@media (max-width: 575.98px) {
    .h1, h1 {
        font-size: 40px;
        line-height: 50px
    }

    .h2, h2 {
        font-size: 36px;
        line-height: 40px
    }

    .h3, h3 {
        font-size: 32px;
        line-height: 44px
    }

    .form__title .h5, .h4, h4 {
        font-size: 28px;
        line-height: 36px
    }

    .h5, h5 {
        font-size: 26px;
        line-height: 32px
    }

    .h6, h6 {
        font-size: 20px;
        line-height: 28px
    }

    p {
        font-size: 14px;
        line-height: 26px
    }

    .title-small {
        font-size: 28px;
        font-weight: 500;
        line-height: 40px
    }

    .header-main .header-left .logo img {
        max-width: 108px
    }

    .header-main .header-right {
        margin-left: 0
    }

    .header-main .header-right .btn-wrapper {
        margin-right: 16px
    }

    .btn-outline-gradient span, .header-main .btn-outline-gradient span, .header-main .btn_contact .header-right .btn span, .header-main .btn_contact span, .header-main .header-right .btn span {
        font-size: 12px
    }

    .header-main .btn_contact {
        padding: 6px 15px
    }

    .header-main .btn_contact .header-right .btn, .header-main .header-right .btn {
        min-width: 121px
    }

    .btn-gradient_1 {
        max-width: 328px;
        min-width: 100%;
        width: 100%;
        padding: 16.5px 20px;
        padding-left: 10px !important;
        padding-right: 10px !important;
        border-color: currentColor;
        color: #fff;
    }

    .btn-gradien_1 span, .btn-gradient span, .btn-gradient_1 span {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px
    }

    .btn-gradient {
        max-width: 328px;
        width: 100%;
        padding: 16.5px 49.4px
    }

    .btn-gradien_1 {
        min-width: 328px;
        padding: 16.5px 49.4px
    }

    .row-footer {
        margin-top: 12px
    }

    .slide-form .checkmark {
        top: 0
    }

    .banner-main {
        padding-top: 128px;
        height: 800px;
        background-position-y: 120%
    }

    .banner-main .iner-text {
        margin-bottom: 75px
    }

    .banner-main .iner-text .h1 {
        margin-bottom: 38px
    }

    .banner-main .iner-text p {
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 22px
    }

    .banner-main .iner-text p  {
        color: rgba(255, 255, 255, .6)
    }

    .banner-main .iner-text p strong {
        color: #fff
    }

    .banner-main .banner-info {
        margin-top: 92px
    }

    .banner-main .banner-info .banner-info__row .banner-info_item:nth-child(2n) a i {
        font-size: 23px
    }

    .banner-main .banner-info a .icon {
        margin-right: 8px
    }

    .banner-main .banner-info a .icon img {
        max-width: 18px
    }

    .banner-main .banner-info a {
        font-size: 14px
    }

    .counter-section {
        margin-top: 0
    }

    .counter-section .wrap_counter .title_counter {
        margin-bottom: 16px
    }

    .counter-section .wrap_counter .counter {
        color: #555;
        font-family: e-Ukraine;
        font-size: 40px;
        font-weight: 200;
        text-align: center
    }

    .counter-section .wrap_counter .subtitle {
        color: #050505;
        font-family: e-Ukraine;
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0;
        text-align: center
    }

    .sect-about {
        margin-top: 0;
        padding-bottom: 122px;
        padding-top: 60px
    }

    .sect-about .sect-title {
        margin-bottom: 35px
    }

    .sect-about .about-text {
        margin-top: 18px
    }

    .sect-about .about-text .h6 {
        margin-bottom: 22px
    }

    .service-home {
        padding-top: 48px;
        padding-bottom: 63px
    }

    .service-home .sect-title .sub-title {
        font-size: 14px;
        font-weight: 300;
        line-height: 26px
    }

    .service-home .tab-image {
        max-width: 320px;
        text-align: right
    }

    .service-home .change-image {
        display: flex;
        justify-content: center
    }

    .service-home .row-service {
        margin-top: 22px
    }
}

@media (max-width: 400px) {
    .service-home .change-image {
        justify-content: flex-end;
        margin-right: 20px
    }
}

.service-home .link-wrap {
    width: 100%;
    max-width: 510px
}

.service-home .link-wrap-list {
    padding-left: 0;
    margin-bottom: 32px
}

.service-home .link-wrap-list li:first-child a i {
    color: #fff;
    transition: background-color 1s;
    font-size: 21px;
    margin-right: 10px;
    position: relative;
    top: -9px
}

.service-home .link-wrap-list li a {
    position: relative;
    color: #fff;
    font-family: e-Ukraine;
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 20px 0;
    border-bottom: 1px solid #626161;
    margin-top: 10px
}

.service-home .link-wrap-list li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #fff;
    transition: transform .3s cubic-bezier(.075, .82, .165, 1);
    transform: scaleX(0);
    transform-origin: 100% 0;
    z-index: 1
}

.content-page-text h5, .service-home .link-wrap-list li .active i, .service-home .link-wrap-list li .big-link span {
    background: linear-gradient(90deg, #2ba9cd, #bc558f);
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.service-home .link-wrap-list li a:hover:before {
    transform: scaleX(1);
    transform-origin: 0 0
}

.service-home .link-wrap-list li a i {
    color: #fff;
    transition: background-color 1s;
    font-size: 21px;
    margin-right: 10px;
    position: relative;
    top: -3px
}

.service-home .link-wrap-list li .active i, .service-home .link-wrap-list li .big-link span {
    -webkit-background-clip: text;
    background-clip: text
}

.service-home .link-wrap-list li .big-link {
    padding-bottom: 13px;
    margin: 0;
    font-family: e-Ukraine;
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
    text-align: left
}

.section-brand {
    padding-top: 85px;
    padding-bottom: 194px;
    position: relative;
    z-index: 99
}

.case_page .manufacturer .box-text .content-page-text p, .section-brand .indent {
    margin-bottom: 15px
}

.case_page .manufacturer .right-col .box-text, .rbt-cart-side-menu .modal-form .modal-form-title, .section-brand .item_barand, .slider-mobile .next-project h2 {
    margin-bottom: 40px
}

.map-section, .section-case.page-case {
    padding-top: 60px
}

.section-case {
    padding-top: 200px;
    padding-bottom: 0
}

.section-case .wrap-row {
    margin-top: 57px
}

.section-case .wrap-row .item-right {
    display: flex;
    justify-content: flex-end
}

.section-case .item-case:last-child .cases-box, .section-case .item-case:nth-last-child(2) .cases-box {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.section-case .btn-case {
    text-align: right;
    position: relative;
    top: -8px
}

.section-case .btn-case .btn {
    padding: 18px 87px
}

.section-case .cases-box {
    width: 100%;
    max-width: 543px;
    border-bottom: 2px solid #050505;
    padding-bottom: 40px;
    margin-bottom: 50px
}

.section-case .cases-box .cases-home_header {
    display: flex;
    align-items: center;
    margin-bottom: 53px;
    flex-wrap: wrap;
    margin-top: 0
}

.section-case .cases-box .cases-home_header .case_blue {
    color: #28aace;
    font-family: e-Ukraine;
    font-size: 68px;
    font-weight: 300;
    line-height: 105px;
    text-align: center;
    margin-right: 24px
}

#breadcrumbs span span:last-child, .adaptive_box .adaptive_box__image .img_item:last-child, .case_page .manufacturer .box-text__icon .icon .icon_box:last-child {
    margin-right: 0
}

.section-case .cases-box .cases-home_header .case_desc {
    color: #050505;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-top: 7px
}

.section-case .cases-box .card-img .cat-case {
    position: absolute;
    bottom: 27px;
    left: 17px
}

.section-case .cases-box .cases-card__header {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.section-case .cases-box .cases-card__body .card-text {
    color: #050505;
    font-family: e-Ukraine;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-top: 6px
}

.section-case .cases-box .cases-card__footer {
    margin-top: 37px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.section-case .cases-box .cases-card__footer:hover a {
    color: #050505;
    font-family: e-Ukraine
}

.section-case .cases-box .cases-card__footer:hover a i, .section-case .cases-box .cases-card__footer:hover a:hover {
    color: #28aace
}

.section-case .cases-box .cases-card__footer .card-title {
    color: #050505;
    font-family: e-Ukraine;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 20px;
    width: 100%
}

.section-case .cases-box .cases-card__footer .card-title a {
    display: flex;
    justify-content: space-between;
    color: #050505;
    font-family: e-Ukraine
}

.list-breadcrumb, .pagination {
    display: flex;
    align-items: center;
    margin-left: 0;
    padding-left: 0
}

.card-news .tittle-wrap .link-news:hover, .section-case .cases-box .cases-card__footer .card-title a:hover, .section-testimonial .testimonial-link .link:hover, .section-testimonial .testimonial-link .link:hover i {
    color: #28aace
}

.section-case .cases-box .cases-card__footer .transparent-button {
    position: relative;
    right: 10px;
    top: -11px
}

.section-case .cases-box .cases-card__footer .transparent-button i {
    font-size: 21px
}

.section__line {
    width: 0;
    height: 2px;
    background-color: #000
}

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

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

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

.contact-info .page-title, .mb-56 {
    margin-bottom: 56px
}

.mt-60, .page-website .brand_box {
    margin-top: 60px
}

.mb-60 {
    margin-bottom: 60px
}

.mt-46 {
    margin-top: 46px !important
}

.breadcrumb-wrap, .mt-40 {
    margin-top: 40px
}

.mt-32, .mt-33, .mt-35 {
    margin-top: 33px
}

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

.mb-31 {
    margin-bottom: 31px !important
}

.mb-172 {
    margin-bottom: 172px
}

.pb-58 {
    padding-bottom: 58px
}

.item-news {
    margin-bottom: 46px
}

.card-news .date {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 17px;
    display: block
}

.card-news .tittle-wrap, .section-news .inner .tittle-wrap {
    margin-top: 9px
}

.card-news .tittle-wrap .link-news, .section-news.caces_more .cases-card .card-title {
    color: #050505;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px
}

.list-breadcrumb {
    list-style: none;
    margin-bottom: 0;
    margin-top: 0
}

.list-breadcrumb li {
    margin-right: 33px
}

#breadcrumbs a, .list-breadcrumb a {
    position: relative;
    color: rgba(0, 0, 0, .5);
    font-size: 12px;
    font-weight: 300;
    line-height: 22px
}

.list-breadcrumb a:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, .5);
    height: 1px;
    width: 12px;
    right: -24px;
    top: 6px
}

.list-breadcrumb .curent-page {
    color: #050505;
    font-size: 12px;
    font-weight: 300
}

.list-breadcrumb .curent-page:before {
    content: "";
    position: absolute;
    background: #000;
    height: 1px;
    width: 12px;
    left: -24px;
    top: 6px
}

.box-accordion .accordion, .sect-title_subtitle {
    margin-top: 24px
}

.sect-title_subtitle p {
    color: #050505;
    font-family: e-Ukraine;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px
}

.page-link, .swiper-arrow-wrap {
    align-items: center;
    display: flex
}

.pagination .current {
    background: linear-gradient(90deg, #2ba9cd, #bc558f 89.583%);
    color: #fff;
    font-weight: 400
}

.page-link {
    font-size: 18px;
    border-radius: 40px;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: rgba(0, 0, 0, .45);
    font-weight: 300;
    margin-left: 4px
}

.page-title {
    margin-bottom: 42px
}

.page-wrap {
    padding-top: 60px !important
}

.content-page-text h4 {
    margin-bottom: 24px;
    color: #050505;
    font-family: e-Ukraine;
    font-size: 32px;
    font-weight: 500;
    line-height: 48px
}

.content-page-text h5 {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
    margin-bottom: 26px
}

.content-page-text h6 {
    color: #050505;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 18px
}

.content-page-text p {
    line-height: 26px;
    margin-bottom: 25px
}

.content-page-text ul {
    margin-bottom: 20px;
    margin-top: -1px;
    padding-left: 37px
}

.content-page-text ul li {
    list-style: none;
    position: relative;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 14px
}

.content-page-text ul li:before {
    content: "";
    position: absolute;
    left: -33px;
    width: 16px;
    height: 18px;
    background: url(../img/check.svg) no-repeat;
    top: 6px
}

.content-page-text p b {
    font-size: 18px;
    line-height: 28px
}

.swiper-arrow-wrap {
    opacity: 0;
    transform: translateY(20px);
    margin-top: 0
}

.swiper-arrow-wrap.animate {
    -webkit-animation: 1s ease-in-out .5s forwards replaceAnimation;
    animation: 1s ease-in-out .5s forwards replaceAnimation
}

@-webkit-keyframes replaceAnimation {
    from {
        opacity: 0;
        transform: translateX(100%)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes replaceAnimation {
    from {
        opacity: 0;
        transform: translateX(100%)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.swiper-arrow-wrap .swiper-arrow .btn {
    width: 65px;
    height: 65px;
    text-decoration: none
}

.swiper-arrow-wrap .swiper-arrow .btn:focus {
    background-color: transparent;
    border-color: transparent;
    outline: 0;
    box-shadow: none
}

.swiper-arrow-wrap .swiper-arrow .arrow-left .btn {
    border: none;
    box-shadow: none;
    text-decoration: none
}

.banner_image {
    height: 350px
}

.step-box {
    padding-top: 58px;
    padding-bottom: 50px
}

.step-box .step_item:last-child .step_card:before {
    width: calc(100% + 0px)
}

.step-box .step_card:before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    width: calc(100% + 30px);
    height: 2px;
    background: #050505
}

.step-box .step_card__number {
    border-radius: 48px;
    background: #050505;
    width: 48px;
    height: 48px;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    position: relative;
    z-index: 2
}

.step-box .step_card__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 25px
}

.step-box .step_card__text {
    color: #050505;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

.box_text h5, .why_does .why_does__title {
    font-size: 32px;
    font-weight: 500;
    line-height: 48px
}

.why_does {
    padding-top: 55px;
    padding-bottom: 184px
}

.why_does .why_does__title {
    margin-bottom: 46px
}

.section-news.caces_more .sect-title, .why_does .img-banner {
    margin-bottom: 31px
}

.why_does .why_does__row {
    justify-content: space-between;
    position: relative
}

.duplicate-wrap, .footer-main .line-border, .rbt-cart-side-menu .inner-wrapper, .why_does .why_does__row .col_1, .wrap_testimonial-slider_1 {
    position: relative
}

.why_does .why_does__row .col_1:before {
    content: "";
    position: absolute;
    right: -45px;
    top: 0;
    width: 2px;
    background: #000;
    height: calc(100% - 20px)
}

.why_does .why_does__col {
    max-width: 567px
}

.why_does .why_does__text {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

.banner_acation {
    padding-top: 84px;
    padding-bottom: 99px;
    background-color: #0b0b0b
}

.banner_acation .title_wrap {
    text-align: center;
    margin-bottom: 35px
}

.banner_acation .btn_wrap .btn {
    border-color: #000
}

.box-accordion {
    padding-top: 188px
}

.box-accordion .accordion .accordion-item {
    background: 0 0;
    border-bottom: 1px solid #000;
    border-radius: 0
}

.box-accordion .accordion .accordion-item .accordion-button {
    background: 0 0 !important;
    color: #050505;
    font-size: 20px;
    font-weight: 400;
    line-height: 48px;
    border-radius: 0;
    padding: 24px 6px 24px 0
}

.box-accordion .accordion .accordion-item .accordion-button:focus {
    box-shadow: none
}

.box-accordion .accordion .accordion-body {
    color: #050505;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    max-width: 850px;
    padding-top: 0;
    padding-bottom: 30px;
    padding-left: 0;
    margin-top: -5px
}

.box-accordion .accordion-button::after {
    background-image: url(../img/regular/plus.svg)
}

.box-accordion .accordion-button:not(.collapsed)::after {
    background-image: url(../img/regular/mius.svg);
    transform: rotate(0);
    background-size: auto;
    margin-top: 10px
}

.box_text__section .box_text:first-child {
    padding-top: 39px
}

.box_text__section .box_text:last-child {
    padding-bottom: 90px
}

.box_text__section .box_text:last-child .box_text__container {
    border-bottom: 0
}

.page-website .box_text {
    padding-top: 50px;
    padding-bottom: 38px
}

.page-website .box_text .box_text__container {
    padding-bottom: 100px;
    border-bottom: 2px solid #050505
}

.box_text .btn {
    padding: 18px 40px;
    min-width: 304px
}

.box_text h5 {
    font-family: e-Ukraine
}

.box_text .box_text__wrap p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 25px
}

.box_text .content-page-text ul {
    margin-top: 0;
    padding-top: 0;
    list-style: none;
    margin-bottom: 0
}

.box_text .content-page-text ul li {
    margin-bottom: 13px
}

.title_footer__text {
    max-width: 612px
}

.title_footer__text p {
    color: #050505;
    font-family: e-Ukraine;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 26px
}

.copyright-area P, .copyright-area P a {
    line-height: 60px;
    font-family: e-Ukraine
}

#breadcrumbContainer, #textContainer {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
    white-space: nowrap
}

#textContainer ::-webkit-scrollbar {
    width: 8px
}

#textContainer ::-webkit-scrollbar-track {
    background: #f1f1f1
}

#textContainer ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px
}

#textContainer ::-webkit-scrollbar-thumb:hover {
    background: #555
}

#breadcrumbContainer ::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

#breadcrumbContainer ::-webkit-scrollbar-track {
    background: #2c2b2b
}

#breadcrumbContainer ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px
}

#breadcrumbContainer ::-webkit-scrollbar-thumb:hover {
    background: #555
}

.breadcrumb-wrap [data-simplebar], .section-testimonial [data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.breadcrumb-wrap .simplebar-wrapper, .section-testimonial .simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.breadcrumb-wrap .simplebar-mask, .section-testimonial .simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.breadcrumb-wrap .simplebar-offset, .section-testimonial .simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.breadcrumb-wrap .simplebar-content-wrapper, .section-testimonial .simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.section-testimonial .simplebar-content-wrapper::-webkit-scrollbar, .section-testimonial .simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.breadcrumb-wrap .simplebar-content:after, .breadcrumb-wrap .simplebar-content:before, .section-testimonial .simplebar-content:after, .section-testimonial .simplebar-content:before {
    content: " ";
    display: table
}

.breadcrumb-wrap .simplebar-placeholder, .section-testimonial .simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.breadcrumb-wrap .simplebar-height-auto-observer-wrapper, .section-testimonial .simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.breadcrumb-wrap .simplebar-height-auto-observer, .section-testimonial .simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.breadcrumb-wrap .simplebar-track, .section-testimonial .simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

.breadcrumb-wrap [data-simplebar].simplebar-dragging, .breadcrumb-wrap [data-simplebar].simplebar-dragging .simplebar-content, .section-testimonial [data-simplebar].simplebar-dragging, .section-testimonial [data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.breadcrumb-wrap [data-simplebar].simplebar-dragging .simplebar-track, .section-testimonial [data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.breadcrumb-wrap .simplebar-scrollbar, .section-testimonial .simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.section-testimonial .simplebar-scrollbar.simplebar-visible:before {
    opacity: 1;
    transition-delay: 0s;
    transition-duration: 0s
}

.section-testimonial .simplebar-track.simplebar-vertical {
    top: 0;
    width: 4px
}

.section-testimonial .simplebar-scrollbar:before {
    position: absolute;
    content: "";
    opacity: 0;
    border-radius: 4px;
    background: #525252;
    transition: opacity .2s linear .5s;
    top: 2px;
    bottom: 2px;
    left: 0;
    right: 0
}

.breadcrumb-wrap .simplebar-track.simplebar-horizontal, .section-testimonial .simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.breadcrumb-wrap .simplebar-track.simplebar-horizontal .simplebar-scrollbar, .section-testimonial .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto
}

.breadcrumb-wrap [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical, .section-testimonial [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.breadcrumb-wrap .simplebar-dummy-scrollbar-size, .section-testimonial .simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important
}

.breadcrumb-wrap .simplebar-dummy-scrollbar-size > div, .section-testimonial .simplebar-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

.breadcrumb-wrap .simplebar-hide-scrollbar, .section-testimonial .simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.section-testimonial .simplebar-track {
    border-radius: 4px;
    background: #2c2b2b;
    width: 4px
}

.footer-main, .footer-main:before {
    background-size: cover;
    background-position: center top
}

.top-box {
    position: relative;
    z-index: 9
}

.page-website.page-wrap {
    padding-top: 40px !important
}

.footer-main {
    margin-top: 160px;
    background-color: #000;
    padding-top: 100px;
    padding-bottom: 20px;
    position: relative
}

.footer-main:before {
    content: "";
    position: absolute;
    left: 0;
    background-image: url(../img/footer_Desk.png);
    width: 100%;
    height: 100%;
    top: -130px
}

@media (min-width: 576px) {
    .footer-main {
        background-size: cover;
        background-repeat: no-repeat
    }
}

.footer-main .logo_footer {
    margin-bottom: 55px
}

.footer-main .footer-widget {
    max-width: 520px;
    width: 100%
}

.footer-main .footer-widget .title_menu, .footer-main .menu_footer .color_list {
    margin-bottom: 11px
}

.footer-main .social-icon li a {
    background: var(--Gradient, linear-gradient(90deg, #2ba9cd 0, #bc558f 89.58%)) !important;
    position: relative
}

.footer-main .social-icon li a i, .section-news {
    position: relative;
    z-index: 2
}

.footer-main .social-icon li a:before {
    content: "";
    position: absolute;
    background: #000;
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.footer-main .social-icon li a:hover {
    background: #fff !important
}

.footer-main .social-icon li a:hover:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.footer-main .menu_footer li {
    list-style: none;
    margin-bottom: 10px
}

.footer-main .menu_footer a {
    color: #c2c2c2;
    font-size: 12px
}

.footer-main .contact_us {
    margin-top: 11px;
    margin-bottom: 30px
}

.footer-main .social-me {
    margin-top: 21px
}

.copyright-area P, .copyright-area P a {
    font-size: 12px;
    color: #c2c2c2;
    font-weight: 300
}

.footer-main .social-default {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    justify-content: center;
    margin-top: 28px
}

.footer-main .social-default li {
    margin-right: 16px
}

.footer-main .social-default li a {
    width: 36px;
    height: 36px;
    background-color: var(--color-gray-light);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: .3s;
    color: var(--color-body);
    z-index: 2;
    position: relative
}

.footer-main .social-default li a:hover {
    color: var(--color-white);
    background: #fff
}

.footer-main .social-default li a:hover::after {
    transform: scale(1);
    opacity: 1
}

.footer-main .social-default li a .icon-mingcute_facebook-line {
    font-size: 20px
}

.footer-main .social-default.transparent-with-border li a {
    line-height: 41px;
    background: 0 0;
    border-radius: 36px
}

.footer-main .social-default.transparent-with-border li a:hover {
    border-color: transparent !important
}

.footer-main .social-default.transparent-with-border li a::after {
    border: 1px #fff
}

.footer-main .line-border:before {
    content: "";
    position: absolute;
    right: 44px;
    height: 100%;
    width: 2px;
    background: #626161
}

.footer-main .contact_us .email_link {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
}

.section-testimonial {
    position: relative;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px
}

.section-testimonial .swiper-slide {
    height: auto
}

.section-news .nav-slider, .section-testimonial .nav-slider {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.section-testimonial .single-slide {
    position: relative;
    overflow: hidden;
    height: 100%
}

.section-testimonial .single-slide .testimonial-custom {
    position: relative;
    z-index: 2;
    border-radius: 6px;
    height: 100%
}

.section-testimonial .inner {
    background: #000;
    color: #c2c2c2;
    position: relative;
    z-index: 2;
    border-radius: 8px;
    box-shadow: 0 13px 48px 0 rgba(215, 216, 222, .44);
    height: 100%;
    padding: 30px 32px 34px 39px
}

.section-testimonial .inner .description {
    padding-bottom: 12px;
    border-bottom: 2px solid #626161;
    position: relative
}

.section-testimonial .inner .icon-block {
    position: relative;
    bottom: -10px;
    left: 0
}

.section-testimonial .inner .icon-block i {
    background: var(--Gradient, linear-gradient(90deg, #2ba9cd 0, #bc558f 89.58%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px
}

.section-testimonial .inner .testimonial-footer {
    margin-top: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.case_page .manufacturer .box-text__icon .icon, .news-page-single .rating, .section-news .swiper-arrow-wrap, .section-testimonial .inner .testimonial-footer .clint-info-wrapper {
    display: flex;
    align-items: center
}

.section-testimonial .inner .testimonial-footer .clint-info-wrapper .thumb {
    position: relative;
    z-index: 1;
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    min-width: 56px;
    width: 56px;
    height: 56px
}

.section-testimonial .inner .testimonial-footer .clint-info-wrapper .thumb img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    border-radius: 100%
}

.section-testimonial .inner .testimonial-footer .clint-info-wrapper .client-info {
    padding-left: 12px
}

.section-testimonial .inner .testimonial-footer .clint-info-wrapper .client-info .client-info__title {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2px
}

.section-testimonial .inner .testimonial-footer .clint-info-wrapper .client-info .name {
    color: #c2c2c2;
    font-size: 11px;
    font-style: normal;
    font-weight: 300
}

.section-testimonial .testimonial-link {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 58px
}

.section-testimonial .testimonial-link .link {
    color: #050505;
    font-family: e-Ukraine;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left
}

.link_news i, .section-testimonial .testimonial-link .link i {
    margin-left: 8px
}

.section-news .single-slide .testimonial-custom {
    position: relative;
    z-index: 2;
    border-radius: 6px
}

.section-news .inner {
    z-index: 2
}

.section-news .inner .img-box {
    margin-bottom: 16px
}

.section-news .inner .date {
    color: rgba(0, 0, 0, .6);
    font-family: e-Ukraine;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.section-news .inner .tittle-wrap .h7 {
    color: #050505;
    font-family: e-Ukraine;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px
}

.section-news .wtap-link {
    margin-top: 52px
}

.copyright-area {
    margin-top: 43px
}

.copyright-area P {
    text-align: left;
    margin-bottom: 0
}

.sect-title .line {
    margin-top: 9.1px
}

.link_news {
    color: #050505;
    font-family: e-Ukraine;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.link_news:hover {
    color: #28aace;
    font-family: e-Ukraine;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.link-cat {
    color: #fff;
    font-family: e-Ukraine;
    font-size: 12px;
    font-weight: 300;
    border-radius: 34px;
    background: rgba(0, 0, 0, .4);
    padding: 12px 20px;
    text-decoration: none
}

.banner_text, .line {
    background-color: #000
}

.link-cat:hover {
    color: #fff;
    background: #28aace
}

.line_case {
    position: absolute;
    width: 2px;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    background: #000;
    transition: height 4s
}

.line {
    width: 0;
    height: 2px;
    transition: width 2s
}

.line_case.animate {
    height: 100% !important
}

.line.animate {
    width: 100%
}

.center-title {
    left: 0;
    right: 0;
    margin: 0 auto
}

.duplicate-wrap .animated-header, .wrap-duplicate .counter {
    position: absolute;
    top: 0
}

.custom-nav i:hover {
    color: rgba(0, 0, 0, .5)
}

.rbt-btn-close {
    position: absolute;
    right: 20px;
    top: 30px
}

.rbt-cart-side-menu .logo {
    position: absolute;
    top: 40px;
    display: none;
    left: 16px
}

.rbt-cart-side-menu .rbt-round-btn {
    width: 48px;
    height: 48px;
    line-height: 41px;
    text-align: center;
    border-radius: 100%;
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, .08);
    padding: 0;
    border: 0;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center
}

.rbt-cart-side-menu .rbt-round-btn:hover {
    background: rgba(0, 0, 0, .02)
}

.rbt-cart-side-menu .rbt-round-btn i {
    color: #000;
    font-size: 24px
}

.rbt-cart-side-menu .modal-form {
    max-width: 588px;
    width: 100%;
    margin: 130px auto 0
}

.rbt-cart-side-menu .modal-form .rbt-form-group input {
    border-radius: 48px;
    border: 1px solid #626161;
    color: #000
}

.rbt-cart-side-menu .modal-form .rbt-form-group input:active, .rbt-cart-side-menu .modal-form .rbt-form-group input:focus {
    border: 1px solid #28aace;
    color: #000
}

.rbt-cart-side-menu .modal-form .rbt-form-group input::-moz-placeholder {
    color: rgba(0, 0, 0, .45);
    font-family: e-Ukraine;
    font-size: 14px;
    font-weight: 200
}

.rbt-cart-side-menu .modal-form .rbt-form-group input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .45);
    font-family: e-Ukraine;
    font-size: 14px;
    font-weight: 200
}

.rbt-cart-side-menu .modal-form .rbt-form-group input::placeholder {
    color: rgba(0, 0, 0, .45);
    font-family: e-Ukraine;
    font-size: 14px;
    font-weight: 200
}

.rbt-cart-side-menu .modal-form .row-footer .btn {
    border-color: #000;
    padding: 18px 87px;
    min-width: 304px;
    width: 100%
}

.rbt-cart-side-menu .modal-form .form-check span {
    color: #050505;
    font-family: e-Ukraine;
    font-size: 10px;
    font-weight: 200;
    line-height: 16px
}

.rbt-cart-side-menu .modal-form .btn-gradient_1 {
    border-color: #fff !important
}

.rbt-cart-side-menu .modal-form .form-check-input {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #000;
    background: 0 0;
    z-index: 999
}

.banner_text, .case_page .manufacturer .banner_bg, .slider_dec .tablet-wrapper {
    background-repeat: no-repeat;
    background-position: center
}

.rbt-cart-side-menu .modal-form input[type=checkbox] ~ label::after, .rbt-cart-side-menu .modal-form input[type=radio] ~ label::after {
    content: " ";
    position: absolute;
    top: 10px;
    left: 5px;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 2px;
    opacity: 0;
    transition: .3s
}

.rbt-cart-side-menu .modal-form input[type=checkbox] ~ label::before, .rbt-cart-side-menu .modal-form input[type=radio] ~ label::before {
    content: " ";
    position: absolute;
    top: 6px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    border-radius: 2px;
    transition: .3s
}

.rbt-cart-side-menu .modal-form input[type=checkbox]:checked ~ label::before, .rbt-cart-side-menu .modal-form input[type=radio]:checked ~ label::before {
    background-color: #fff;
    border-color: #000
}

.page_404 {
    z-index: 2;
    margin-top: 60px
}

.page_404 .wrap-btn {
    margin-top: 41px
}

.page_404 .wrap-btn .btn {
    padding: 16.5px 0;
    width: 100%;
    max-width: 304px
}

.map-section .row-map {
    margin-top: 40px;
    justify-content: space-between
}

@media (min-width: 1200px) {
    .map-section .info-col {
        max-width: 318px;
        width: 100%
    }
}

.map-container {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12);
    position: relative
}

.contact-info .h6 {
    color: #050505;
    margin-bottom: 20px
}

.contact-info p {
    color: #050505;
    font-family: e-Ukraine;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0
}

.adaptive_box .adaptive_box__text, .contact-info .item-box {
    margin-bottom: 30px
}

.contact-info .messenger-box .messenger_list {
    display: flex;
    padding-left: 0;
    margin: 0;
    padding-top: 7px
}

.contact-info .messenger-box .messenger_list li {
    margin-right: 12px;
    list-style: none;
    display: flex;
    align-items: center
}

.contact-info .messenger-box .messenger_list li a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.meta-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

.meta-row .meta-author {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.meta-row .meta-author .author {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.meta-row .meta-author .author .author-ava img {
    border-radius: 60px;
    width: 60px;
    height: 60px
}

.meta-row .meta-author .author .author-info {
    margin-left: 18px
}

.meta-row .meta-author .views-post {
    margin-left: 56px
}

.meta-row .meta-author .cray_meta {
    color: rgba(0, 0, 0, .5);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px
}

.meta-row .meta-author .black_meta {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

.meta-row .date-post {
    font-weight: 500;
    font-size: 18px
}

.news-page-single .rating .rating__list {
    padding-left: 0;
    margin-left: 0;
    display: flex;
    align-items: center;
    margin-right: 20px
}

.news-page-single .rating .rating__list li {
    list-style: none
}

.news-page-single .rating .rating__votes {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 8px
}

.wrap_testimonial-slider {
    margin-left: 18.5%
}

.section-testimonial-new .swiper-slide-active, .section-testimonial-new .swiper-slide-next, .wrap_testimonial-slider_1 .swiper-slide-active, .wrap_testimonial-slider_1 .swiper-slide-next {
    opacity: 1 !important
}

.section-testimonial-new .swiper-slide, .section-testimonial-new .swiper-slide-prev, .wrap_testimonial-slider_1 .swiper-slide, .wrap_testimonial-slider_1 .swiper-slide-prev {
    opacity: .6
}

.section-testimonial-new .swiper-slide {
    width: 100%;
    max-width: 588px
}

.section-testimonial-new .swiper-wrapper {
    margin-left: -300px
}

.slimScroll p:last-child {
    margin-bottom: 0 !important
}

#teeeee {
    height: 400px !important
}

.scrollbar-container {
    height: 96px;
    margin-bottom: 20px;
    margin-top: 30px
}

.breadcrumb-wrap-container {
    width: 200px
}

.case_page .manufacturer .box-text .content-page-text h5, .dev-page .page-title, .section-news.caces_more .cases-card .card-img {
    margin-bottom: 26px
}

.map-container .line_case {
    transform: translateX(0);
    left: inherit;
    right: -81px
}

.page-website .section-brand {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 182px
}

.page-website .sect-title p {
    font-size: 18px;
    font-weight: 300;
    line-height: 32px
}

.page-website .page-title {
    margin-bottom: 29px
}

.page-website .banner_acation .btn {
    min-width: 304px
}

.page-website .lis_check {
    margin-top: 36px
}

.page-website .lis_check ul {
    padding-top: 0;
    margin-top: 0
}

.page-website .lis_check ul li {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    list-style: none;
    margin-bottom: 42px;
    position: relative
}

.page-website .lis_check ul li:before {
    content: "";
    position: absolute;
    left: -44px;
    width: 28px;
    height: 28px;
    background: url(../img/check_icon.svg) 0 0/contain no-repeat;
    top: 0
}

@media (max-width: 1399.98px) {
    .rbt-cart-side-menu .modal-form .form-check {
        margin-bottom: 30px
    }

    .map-container .line_case {
        right: -20px
    }

    .page-website .title_footer .lis_check {
        display: block
    }

    .title_width_text .lis_check {
        display: none
    }
}

.case_page .banner-main {
    padding-top: 87px;
    min-height: 573px;
    height: inherit;
    background-image: url(../img/regular/bg_case.png)
}

.case_page .banner-main .iner-text {
    color: #fff;
    text-align: center;
    margin-bottom: 39px;
    margin-top: 34px
}

.case_page .banner-main .btn-wrap .btn-gray {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    padding: 5px 17px;
    min-width: 146px
}

.case_page .manufacturer {
    padding-top: 25px;
    padding-bottom: 50px
}

.case_page .manufacturer .title_wrap {
    margin-bottom: 45px
}

.case_page .manufacturer .banner_bg {
    background-size: cover;
    height: 350px;
    margin-bottom: 52px
}

.case_page .manufacturer .row_text {
    margin-bottom: 80px
}

.case_page .manufacturer .item_col {
    margin-bottom: 22px
}

.case_page .manufacturer .box-text {
    margin-bottom: 82px
}

.case_page .manufacturer .box-text__icon .icon .icon_box {
    margin-right: 24px;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 36px
}

.case_page .manufacturer .box-text__icon .icon .icon_box:before {
    transition: .5s;
    content: "";
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    left: 1px;
    top: 1px;
    background: #f8f9f9;
    border-radius: 40px
}

.case_page .manufacturer .box-text__icon .icon .icon_box img {
    position: relative;
    z-index: 2
}

.slider_dec {
    padding-top: 38px;
    padding-bottom: 193px
}

@media (max-width: 575.98px) and (max-width: 575.98px) {
    .slider_dec .link_news_container .link_news i {
        font-size: 12px;
        margin-left: 0
    }
}

.slider_dec .slider_dec__header {
    margin-bottom: 37px;
    display: flex;
    align-items: center;
    justify-content: space-between
}


@media (min-width: 800px){
    .slider_dec .slider_dec__title {
        max-width: 1000px;
    }



}





.slider_dec .slider_dec__header .slider_dec__title .h5 {
    color: #050505;
    font-size: 32px;
    font-weight: 500;
    line-height: 48px
}

.slider_dec .slider_dec__header .slider_dec__link .link_news {
    font-family: e-Ukraine;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

.slider_dec .slider_dec__header .slider_dec__link .link_news i {
    margin-left: 7px;
    font-size: 17px
}

.slider_dec .tablet-slider {
    position: relative;
    z-index: 5
}

.slider_dec .tablet-slide {
    width: 966px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.slider_dec .tablet-slide img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform .3s;
    transform: scale(.8);
    border-radius: 23px
}

.slider_dec .tablet-slide.swiper-slide-active img {
    transform: scale(1)
}

.slider_dec .tablet-border {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1017px;
    height: 633px
}

.slider_dec .tablets {
    display: none;
    padding: 0 40px
}

.slider_dec .tablets .tablet-wrapper:not(:last-child) {
    margin-bottom: 5px
}

.slider_dec .tablet-wrapper {
    background-size: contain;
    padding: 31%;
    position: relative;
    height: 0;
    width: 100%
}

.slider_dec .tablet-wrapper img {
    width: 87%;
    height: 85%;
    position: absolute;
    top: 7%;
    left: 7%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px
}

@media screen and (max-width: 1360px) {
    .slider_dec .tablet-slide {
        width: 60vw;
        height: 36vw
    }

    .slider_dec .tablet-slide img {
        border-radius: 10px
    }

    .slider_dec .tablet-border {
        width: 68vw;
        height: 42vw
    }
}

.banner_text {
    padding-top: 94px;
    padding-bottom: 84px;
    background-image: url(../img/retina/ecomerce/bg_bann_call.svg);
    background-size: cover
}

.banner_text .banner_text__title .tittle {
    display: inline-block;
    background: linear-gradient(90deg, #2ba9cd, #bc558f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px
}

.banner_text .col_item p {
    color: #c2c2c2;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

.adaptive_box {
    padding-top: 185px;
    padding-bottom: 100px
}

.adaptive_box .adaptive_box_row {
    align-items: center;
    margin-bottom: 104px
}

.adaptive_box .adaptive_box__title .title {
    font-size: 32px;
    font-weight: 500;
    line-height: 48px
}

.adaptive_box .adaptive_box__text p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

.adaptive_box .box-flex {
    display: flex;
    flex-direction: column
}

.adaptive_box .adaptive_box__image .img_item {
    margin-right: 60px
}

.adaptive_box .col_img {
    text-align: right
}

@media (min-width: 992px) {
    .adaptive_box .box_img {
        text-align: right;
        max-width: 510px
    }
}

.banner_offer {
    padding-top: 0;
    padding-bottom: 100px
}

.banner_offer .box-img img {
    border-radius: 10px
}

@media (max-width: 991.98px) {
    .section-case .wrap-row .item-case {
        display: flex;
        justify-content: center
    }

    .section-case .wrap-row .item-right {
        justify-content: center
    }

    .banner_image {
        height: 280px
    }

    .step-box .step_item {
        margin-bottom: 38px
    }

    .footer-main .footer-widget-right {
        border-bottom: 2px solid #626161;
        padding-bottom: 39px
    }

    .banner_offer .col_first, .line_case {
        display: none
    }

    .info-col .line, .map-section .info-col .line {
        display: block
    }

    .contact-info {
        margin-bottom: 40px;
        margin-top: 0
    }
}

@media (min-width: 1400px) {
    .service-home .change-image {
        left: 89px;
        top: 10px
    }

    .box_text .col__text {
        max-width: 622px;
        width: 100%
    }

    .box_text .col__list {
        max-width: 515px;
        width: 100%
    }

    .footer-main {
        background-position-y: 4%
    }

    .case_page .manufacturer .left-col .box-text {
        max-width: 520px
    }

    .banner_offer .content-page-text {
        padding-left: 48px
    }
}

.banner_acation.style_2 .btn {
    padding: 17.5px 62.4px
}

.section-news.caces_more {
    padding-top: 200px;
    padding-bottom: 0;
    position: relative;
    z-index: 2
}

.section-news.caces_more .cases-card .cases-card__footer {
    margin-bottom: 35px
}

.section-news.caces_more .cases-card .card-title a {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.section-news.caces_more .cases-card .card-title a i {
    font-size: 18px;
    position: relative;
    top: 5px;
    right: 7px
}

.section-news.caces_more .cases-card .card-text {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px
}

.section-news.caces_more .caces_more_slider {
    margin-bottom: 50px
}

.section-news.caces_more .btn_wrap .btn {
    padding: 17.5px 55px
}

.mf-cursor:before {
    transform: scale(.25) !important;
    background-color: #fff !important
}

@media screen and (max-width: 1200px) {
    .mf-cursor {
        display: none
    }
}

.mf-cursor.-opacity:before {
    opacity: .4 !important
}

.mf-cursor.-exclusion::before {
    transform: scale(.2) !important
}

.mf-cursor.-exclusion.-big::before {
    transform: scale(.8) !important
}

.mf-cursor.-slider::before {
    content: "";
    background: url(../img/retina/arrow2-white.svg) center no-repeat rgba(255, 255, 255, .25) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: scale(1.5) !important;
    z-index: 2 !important;
    -webkit-backdrop-filter: blur(1.4px) !important;
    backdrop-filter: blur(1.4px) !important;
    border: 1px solid rgba(255, 255, 255, .67) !important;
    background-size: 45% 45% !important
}

@media (hover: hover) {
    .section-with-carousel .carousel-wrapper {
        cursor: none
    }

    .section-with-carousel .carousel-controls .carousel-control {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1
    }

    .section-with-carousel .carousel-controls .carousel-control-left {
        left: 50px
    }

    .section-with-carousel .carousel-controls .carousel-control-right {
        right: 50px
    }

    .cursor {
        position: fixed;
        left: var(--cursor-x);
        top: var(--cursor-y);
        width: 120px;
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        -webkit-backdrop-filter: blur(1.4px) !important;
        backdrop-filter: blur(1.4px) !important;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
        pointer-events: none;
        opacity: 0;
        transition: opacity .2s, transform .2s;
        z-index: 999
    }

    body.show-custom-cursor .cursor {
        -webkit-backdrop-filter: blur(1.4px) !important;
        backdrop-filter: blur(1.4px) !important;
        border: 1px solid rgba(255, 255, 255, .67) !important;
        opacity: 1;
        transform: translate(-50%, -50%) scale(1)
    }
}

.slider-mobile .phone-slider {
    overflow: hidden;
    position: relative;
    padding-left: 17px;
    padding-bottom: 30px
}

.slider-mobile .phone-slider .swiper-wrapper {
    z-index: 3;
    padding-top: 8px
}

.slider-mobile .phone-slide {
    width: 276px;
    height: 600px;
    cursor: pointer
}

.slider-mobile .phone-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 36px
}

.slider-mobile .phone-border {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 310px;
    height: 610px
}

.slider-mobile .phone-border img {
    width: 100%;
    height: 100%;
    pointer-events: none
}

@media (max-width: 1250px) {
    .slider-mobile .adaptive-wrapper {
        flex-direction: column
    }

    .slider-mobile .adaptive-description {
        margin: 0 20px 30px 0;
        max-width: unset;
        width: 100%;
        text-align: center;
        margin-left: 0 !important;
        padding-left: 20px
    }

    .slider-mobile .devices {
        justify-content: center
    }

    .slider-mobile .phone-slider {
        width: 100%;
        padding-top: 20px
    }

    .slider-mobile .phone-border {
        left: 15px;
        right: 0;
        top: 0;
        bottom: -6px;
        margin: auto;
        height: 615px
    }
}

@media (max-width: 590px) {
    .slider-mobile .devices {
        display: none
    }
}

.slider-mobile .next-project h3 {
    font-size: 20px;
    line-height: 25.8px;
    font-weight: 500;
    color: #215aee;
    margin-bottom: 16px
}

.slider-mobile .next-project img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 200px;
    transition: .3s ease-in
}

.slider-mobile .next-project .img-wrapper:hover img {
    transform: scale(1.1)
}

.slider-mobile .contacts-container {
    margin-right: 126px;
    width: 48%
}

.slider-mobile .map {
    height: 291px;
    overflow: hidden;
    margin-bottom: 38px
}

.slider-mobile .map iframe {
    filter: grayscale(100%) invert(100%)
}

.slider-mobile .contacts {
    display: grid;
    grid-template-columns:auto 1fr;
    gap: 42px 61px
}

.slider-mobile .contact-title {
    color: #969a9f;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%
}

.slider-mobile .contact-link-wrap {
    max-width: 360px
}

.slider-mobile .contact-link-wrap .ico {
    margin-left: 16px
}

.slider-mobile .contact-link-wrap a, .slider-mobile .contact-link-wrap a span {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500
}

.slider-mobile .contact-link-wrap a {
    font-size: 20px;
    line-height: 130%
}

.slider-mobile .contact-link-wrap a span {
    line-height: 220%;
    font-size: 24px
}

.slider-mobile .contact-link-wrap .contact-link-wrap__tel {
    font-size: 16px
}

.slider-mobile .contact-us-form {
    width: 42%
}

.slider-mobile .form-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 41px;
    margin-bottom: 8px
}

.slider-mobile .fake-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s linear;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #969a9f;
    transform-origin: 0 0
}

.slider-mobile .fake-placeholder.up, .slider-mobile .input-wrapper input:not([value=""]) ~ .fake-placeholder {
    transform: translateY(-2rem) scale(.8)
}

.breadcrumb-wrap .simplebar-content-wrapper::-webkit-scrollbar, .breadcrumb-wrap .simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.breadcrumb-wrap .simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition-delay: 0s;
    transition-duration: 0s
}

.breadcrumb-wrap .simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.breadcrumb-wrap .simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    opacity: 0 !important;
    transition: opacity .2s linear .5s;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px
}

.new_swiper .swiper {
    padding-bottom: 60px !important;
    height: 900px
}

.new_swiper .swiper .swiper-wrapper {
    align-items: center
}

.new_swiper .swiper .swiper-slide {
    border-radius: 5px;
    width: 400px !important;
    background-color: #000;
    border: 1px solid #fff;
    transition: .2s
}

.new_swiper .swiper .swiper-slide.active {
    width: 800px !important
}

.new_swiper .swiper .next, .new_swiper .swiper .prev {
    cursor: pointer;
    z-index: 100;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: .65;
    transition: .2s
}

.new_swiper .swiper .next svg, .new_swiper .swiper .prev svg {
    width: 20px;
    height: 20px
}

.new_swiper .swiper .next svg path, .new_swiper .swiper .prev svg path {
    fill: #fff
}

.new_swiper .swiper .prev {
    left: 25px
}

.new_swiper .swiper .next {
    right: 25px
}

.new_swiper .swiper .pagination {
    margin-left: 8px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    z-index: 100
}

.footer-main .form-check .wpcf7-list-item-label, .slide-form .form-check .wpcf7-list-item-label {
    font-size: 10px;
    font-weight: 200;
    line-height: 16px;
    margin-top: -5px;
    margin-left: 32px;
    display: inline-block;
    font-family: e-Ukraine
}

.new_swiper .swiper .pagination span {
    font-size: 0;
    opacity: 1;
    margin: 0 6px !important;
    border: 1px solid #fff
}

.new_swiper .swiper .pagination span.swiper-pagination-bullet-active {
    background-color: transparent;
    transform: scale(1.5)
}

.mobile_slider {
    max-width: 575px;
    position: relative
}

@media (max-width: 1199.98px) {
    .map-section .info-col {
        padding-bottom: 57px
    }

    .mobile_slider {
        left: 0;
        margin-top: 50px
    }
}

@media (max-width: 767.98px) {
    .section-brand {
        padding-bottom: 64px;
        padding-top: 50px
    }

    .section-case {
        padding-top: 110px;
        padding-bottom: 0
    }

    .section-case .item-case:nth-last-child(2) .cases-box {
        width: 100%;
        max-width: 543px;
        border-bottom: 2px solid #050505;
        padding-bottom: 40px;
        margin-bottom: 50px
    }

    .section-case .item-case:last-child .cases-box {
        width: 100%;
        max-width: 543px;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .section-case .btn-case {
        top: 0;
        margin-top: 82px;
        text-align: center
    }

    .banner_image {
        height: 180px
    }

    .step-box .step_card:before {
        display: none
    }

    .section-news .single-slide {
        width: 100%;
        margin: 0 auto
    }

    .slider_dec .tablet-slide {
        width: 60vw;
        height: 36vw
    }

    .slider_dec .tablet-slide img {
        border-radius: 10px
    }

    .slider_dec .tablet-border {
        width: 68vw;
        height: 42vw
    }

    .mobile_slider {
        margin-top: 0
    }
}

@media (max-width: 575.98px) {
    .box_text .content-page-text ul li, .case_page .manufacturer .content-page-text ul li, .contact-info .h6, .service-home .link-wrap-list {
        margin-bottom: 10px
    }

    .service-home .link-wrap-list li a i, .service-home .link-wrap-list li:first-child a i {
        font-size: 12.8px
    }

    .service-home .link-wrap-list li a {
        margin-top: 2px;
        padding: 14px 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }

    .service-home .link-wrap-list li .big-link {
        font-size: 20px;
        font-weight: 500;
        line-height: 32px
    }

    .section-brand {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .section-brand .item_barand {
        margin-bottom: 0
    }

    .map-section, .section-case.page-case {
        padding-top: 40px
    }

    .section-case .wrap-row, .title_footer__list {
        margin-top: 20px
    }

    .section-case .cases-box {
        margin-bottom: 30px
    }

    .section-case .cases-box .cases-home_header {
        margin-bottom: 32px
    }

    .section-case .cases-box .cases-home_header .case_blue {
        font-weight: 300;
        font-size: 40px;
        line-height: 45px
    }

    .section-case .cases-box .cases-home_header .case_desc {
        font-size: 16px;
        line-height: 24px
    }

    .section-case .cases-box .card-img .cat-case {
        bottom: 12px;
        left: 12px
    }

    .section-case .cases-box .cases-card__body .card-text {
        font-size: 14px;
        line-height: 24px
    }

    .section-case .cases-box .cases-card__footer {
        margin-top: 25px
    }

    .card-news .tittle-wrap .link-news, .section-case .cases-box .cases-card__footer .card-title {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px
    }

    .section-case .cases-box .cases-card__footer .card-title a i {
        font-size: 13.94px
    }

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

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

    .page-website .lis_check, .sm-mt-28, .sm-mt-30 {
        margin-top: 30px
    }

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

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

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

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

    .card-news .img-box a img, .section-news .inner .img-box img {
        width: 100%
    }

    .card-news .date {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        margin-top: 13px
    }

    .card-news .tittle-wrap {
        margin-top: 4px
    }

    .breadcrumb-wrap {
        margin-top: 32px
    }

    .sect-title.page-title .line {
        margin-top: 8px
    }

    .page-website .sect-title p, .sect-title_subtitle p {
        font-size: 14px;
        font-weight: 400;
        line-height: 26px
    }

    .page-wrap {
        padding-top: 40px !important
    }

    .box_text h5, .content-page-text h4, .why_does .why_does__title {
        font-size: 28px;
        font-weight: 500;
        line-height: 36px
    }

    .content-page-text h5 {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 24px
    }

    .content-page-text h6 {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .content-page-text ul {
        margin-bottom: 9px;
        margin-top: -11px
    }

    .content-page-text ul li {
        font-size: 14px;
        font-weight: 300;
        line-height: 26px;
        margin-bottom: 8px
    }

    .swiper-arrow-wrap .swiper-arrow .btn {
        width: 48px;
        height: 48px
    }

    .swiper-arrow-wrap .swiper-arrow .btn i {
        font-size: 15.5px
    }

    .banner_image {
        height: 145px
    }

    .step-box {
        padding-bottom: 25px
    }

    .step-box .step_card__number {
        width: 40px;
        height: 40px;
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 15px
    }

    .step-box .step_card__title {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 10px
    }

    .banner_text .col_item p, .box_text .box_text__wrap p, .step-box .step_card__text, .why_does .why_does__text {
        font-size: 14px;
        font-weight: 300;
        line-height: 26px
    }

    .why_does {
        padding-top: 10px;
        padding-bottom: 113px
    }

    .why_does .img-banner {
        margin-bottom: 22px
    }

    .banner_acation {
        padding-top: 50px;
        padding-bottom: 60px
    }

    .banner_acation .title_wrap .h4 {
        line-height: 44px;
        font-size: 32px;
        font-weight: 500
    }

    .box-accordion {
        padding-top: 108px
    }

    .box-accordion .accordion .accordion-item .accordion-button {
        font-family: e-Ukraine;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px
    }

    .box-accordion .accordion .accordion-item .accordion-button span {
        display: block;
        padding-right: 40px
    }

    .box-accordion .accordion .accordion-body {
        color: #050505;
        font-size: 14px;
        font-weight: 300;
        line-height: 26px
    }

    .box_text__section .box_text:first-child {
        padding-top: 26px
    }

    .box_text__section .box_text:last-child .box_text__container {
        padding-bottom: 26px
    }

    .page-website .box_text {
        padding-bottom: 3px
    }

    .page-website .box_text .box_text__container {
        padding-bottom: 60px
    }

    .box_text .btn {
        max-width: 320px;
        width: 100%;
        min-width: inherit;
        padding: 15px 0
    }

    .box_text .box_text__wrap p:last-child, .case_page .manufacturer .box-text .content-page-text p, .footer-main .menu_footer li, .page-website .page-website .page-title {
        margin-bottom: 15px
    }

    .box_text .btn-wrap, .section-testimonial .testimonial-link {
        margin-top: 40px
    }

    .title_footer__text p {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 300;
        line-height: 26px
    }

    .page-website.page-wrap {
        padding-top: 5px !important
    }

    .footer-main {
        margin-top: 78px;
        background-position-y: 4%
    }

    .footer-main .logo_footer {
        margin-bottom: 48px
    }

    .footer-main .logo_footer img, .rbt-cart-side-menu .logo img {
        max-width: 108px
    }

    .footer-main .footer-widget .title_menu {
        font-size: 26px;
        font-weight: 500;
        line-height: 32px
    }

    .footer-main .social-icon li a:before, .footer-main .social-icon li a:hover:before {
        width: 38px;
        height: 38px
    }

    .footer-main .menu_footer .color_list {
        margin-bottom: 21px
    }

    .footer-main .menu_footer .color_list a {
        font-size: 18px !important
    }

    .footer-main .menu_footer a {
        font-size: 14px !important
    }

    .footer-main .contact_us .h6 {
        font-size: 24px
    }

    .footer-main .social-me .h6 {
        font-size: 26px
    }

    .footer-main .social-default li a {
        width: 40px;
        height: 40px
    }

    .footer-main .contact_us .email_link {
        font-size: 14px
    }

    .section-testimonial {
        margin-bottom: 0;
        padding-bottom: 45px
    }

    .section-testimonial .inner {
        padding: 25px 20px
    }

    .section-testimonial .inner .description {
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 0
    }

    .section-testimonial .inner .wrap-text .h8 {
        font-size: 14px !important;
        line-height: 24px
    }

    .section-testimonial .inner .testimonial-footer .clint-info-wrapper .thumb {
        width: 40px;
        height: 40px;
        min-width: 40px
    }

    .section-testimonial .inner .testimonial-footer .clint-info-wrapper .client-info .client-info__title {
        font-size: 11px;
        font-weight: 500;
        line-height: 1.3
    }

    .section-testimonial .inner .testimonial-footer .clint-info-wrapper .client-info .name {
        font-size: 10px;
        font-weight: 300
    }

    .section-testimonial .inner .testimonial-footer .clint-info-wrapper .brand-logo img {
        max-width: 72px
    }

    .section-testimonial .testimonial-link .link_first {
        margin-right: 0;
        margin-bottom: 10px
    }

    .mobile_slider, .section-news {
        margin-top: 50px
    }

    .rbt-cart-side-menu .rbt-round-btn i, .section-news .inner .tittle-wrap .h7 {
        font-size: 20px
    }

    .case_page .manufacturer .content-page-text ul, .copyright-area {
        margin-top: 0
    }

    .link_news i, .meta-row .meta-author .black_meta {
        font-size: 16px
    }

    .link-cat {
        font-size: 10px;
        padding: 5.5px 16.23px
    }

    .rbt-cart-side-menu .inner-wrapper {
        padding: 30px 16px !important
    }

    .rbt-cart-side-menu .logo {
        display: block
    }

    .rbt-cart-side-menu .rbt-round-btn {
        width: 44px;
        height: 44px
    }

    .rbt-cart-side-menu .modal-form {
        margin-top: 80px
    }

    .page_404 .wrap-btn {
        margin-top: 60px
    }

    .page_404 .wrap-btn .btn {
        font-size: 18px;
        font-weight: 400;
        padding: 14px 0
    }

    .meta-row .meta-author {
        justify-content: space-between;
        width: 100%;
        order: 2
    }

    .meta-row .meta-author .author .author-info {
        margin-left: 16px
    }

    .meta-row .meta-author .cray_meta {
        font-size: 12px
    }

    .meta-row .date-post {
        order: 1;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 20px
    }

    .news-page-single .rating .rating__list li img {
        max-width: 28px
    }

    .news-page-single .rating .rating__votes {
        font-size: 16px;
        line-height: 24px;
        margin-left: 0
    }

    .scrollbar-container {
        margin-bottom: 15px;
        height: 144px;
        padding-right: 20px;
        margin-top: 15px
    }

    .adaptive_box .adaptive_box__text, .case_page .banner-main .iner-text .h1, .case_page .manufacturer .right-col, .case_page .manufacturer .title_wrap, .scrollbar-container .modal-body p, .section-news.caces_more .cases-card .cases-card__footer, .slider_dec .slider_dec__header {
        margin-bottom: 20px
    }

    .simplebar-track.simplebar-vertical {
        top: 0;
        width: 4px;
        right: 0
    }

    .page-website .section-brand {
        padding-top: 100px
    }

    .page-website .lis_check ul li {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        margin-bottom: 18px
    }

    .page-website .lis_check ul li:before {
        width: 24px;
        height: 24px
    }

    .case_page .banner-main {
        padding-top: 71px;
        min-height: 377px
    }

    .case_page .banner-main .iner-text {
        margin-bottom: 22px;
        margin-top: 30px
    }

    .case_page .banner-main .btn-wrap .btn-gray {
        font-size: 12px;
        font-weight: 300;
        padding: 3.5px 17px;
        min-width: 120px
    }




    .case_page .manufacturer {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .case_page .manufacturer .title_wrap .h3 {
        font-size: 32px;
        font-weight: 500;
        line-height: 44px
    }

    .case_page .manufacturer .banner_bg {
        height: 200px;
        margin-bottom: 25px
    }

    .case_page .manufacturer .row_text {
        margin-bottom: 45px
    }

    .case_page .manufacturer .item_col {
        margin-bottom: 17px
    }

    .case_page .manufacturer .box-text {
        margin-bottom: 40px
    }

    .case_page .manufacturer .box-text .content-page-text h5 {
        margin-bottom: 23px
    }

    .case_page .manufacturer .box-text__icon .icon .icon_box img {
        max-width: 37px;
        min-height: 37px
    }

    .case_page .manufacturer .box-text__icon .icon .icon_box {
        width: 56px;
        height: 56px;
        margin-right: 18px
    }

    .slider_dec {
        padding-top: 30px;
        padding-bottom: 100px
    }

    .slider_dec .link_news_container {
        display: block;
        margin-top: 30px
    }

    .slider_dec .slider_dec__header .slider_dec__title {
        margin-bottom: 10px
    }

    .slider_dec .slider_dec__header .slider_dec__title .h5 {
        font-size: 28px;
        font-weight: 500;
        line-height: 36px
    }

    .slider_dec .slider_dec__header .slider_dec__link {
        display: none
    }

    .slider_dec .slider_dec__header .slider_dec__link .link_news {
        font-family: e-Ukraine;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px
    }

    .slider_dec .slider_dec__header .slider_dec__link .link_news i {
        font-size: 18px;
        margin-left: 4px
    }

    .slider_dec .tablet-slide {
        width: 100vw;
        height: auto
    }

    .slider_dec .tablet-slide img {
        border-radius: 10px;
        transform: scale(.8)
    }

    .slider_dec .tablet-border {
        width: 68vw;
        height: 42vw
    }

    .slider_dec .tablet-slide.swiper-slide-next img, .slider_dec .tablet-slide.swiper-slide-prev img {
        transform: scale(1, .6)
    }

    .slider_dec .tablet-slide.swiper-slide-active img {
        transform: scale(1)
    }

    .banner_text {
        padding-top: 62px;
        padding-bottom: 32px
    }

    .banner_text .banner_text__title {
        margin-bottom: 14px
    }

    .banner_text .banner_text__title .tittle {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px
    }

    .banner_text .col_item {
        margin-bottom: 11px
    }

    .adaptive_box {
        padding-top: 111px;
        padding-bottom: 0
    }

    .adaptive_box .adaptive_box_row {
        margin-bottom: 77px
    }

    .adaptive_box .adaptive_box__title {
        margin-bottom: 18px;
        justify-content: center
    }

    .adaptive_box .adaptive_box__title .title {
        font-size: 28px;
        font-weight: 500;
        line-height: 36px;
        text-align: center
    }

    .adaptive_box .adaptive_box__text p {
        font-size: 14px;
        font-weight: 300;
        line-height: 26px
    }

    .adaptive_box .adaptive_box__image {
        margin-bottom: 33px;
        justify-content: center
    }

    .adaptive_box .adaptive_box__image .img_item {
        margin-right: 28px
    }

    .adaptive_box .adaptive_box__image .mobile {
        display: block
    }

    .adaptive_box .adaptive_box__image .dec, .adaptive_box .box_img .large {
        display: none
    }

    .adaptive_box .box_img {
        text-align: center;
        margin: 0 auto
    }

    .adaptive_box .box_img .mobile {
        display: block;
        max-width: 252px
    }

    .banner_offer {
        padding-top: 57px;
        padding-bottom: 100px
    }

    .section-news.caces_more {
        padding-top: 60px;
        padding-bottom: 0
    }

    .section-news.caces_more .cases-card .card-img {
        margin-bottom: 26px
    }

    .section-news.caces_more .cases-card .card-title a i {
        font-size: 21px;
        position: relative;
        top: 5px;
        right: 7px
    }

    .section-news.caces_more .cases-card .card-text {
        font-size: 14px;
        font-weight: 300;
        line-height: 24px
    }

    .section-news.caces_more .caces_more_slider {
        margin-bottom: 50px
    }
}

.mobile_slider .swiper-slide {
    box-shadow: none !important
}

.mobile_slider .swiper-slide-shadow-left, .mobile_slider .swiper-slide-shadow-right {
    border-radius: 80px
}

.slide-form .form-check .wpcf7-list-item-label {
    color: #050505
}

.footer-main .form-check span.wpcf7-list-item, .slide-form .form-check span.wpcf7-list-item {
    display: inline-block;
    margin: 0
}

.footer-main .form-check .wpcf7 .wpcf7-list-item, .slide-form .form-check .wpcf7 .wpcf7-list-item {
    display: block;
    margin-bottom: 10px
}

.footer-main .form-check .wpcf7-checkbox label, .slide-form .form-check .wpcf7-checkbox label {
    position: relative;
    cursor: pointer
}

.footer-main .form-check .wpcf7-checkbox input[type=checkbox], .slide-form .form-check .wpcf7-checkbox input[type=checkbox] {
    position: absolute;
    visibility: hidden;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0
}

.slide-form .form-check .wpcf7-checkbox input[type=checkbox] + span:before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 2px;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
    border: 1px solid #050505
}

.slide-form .form-check .wpcf7-checkbox input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    top: 5px;
    left: 5px;
    visibility: hidden;
    border-radius: 2px;
    background: #050505;
    margin: 0 auto
}

.footer-main .form-check .wpcf7-checkbox input[type=checkbox]:checked + span:after, .slide-form .form-check .wpcf7-checkbox input[type=checkbox]:checked + span:after {
    visibility: visible
}

.wpcf7-not-valid-tip {
    display: block;
    color: #da2525;
    font-family: e-Ukraine;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-align: left
}

.footer-main .form-check .wpcf7-list-item-label {
    color: #c2c2c2
}

.footer-main .form-check .wpcf7-checkbox input[type=checkbox] + span:before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 2px;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
    border: 1px solid #fff
}

.footer-main .form-check .wpcf7-checkbox input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    top: 5px;
    left: 5px;
    visibility: hidden;
    border-radius: 2px;
    background: #fff;
    margin: 0 auto
}

#breadcrumbs span span {
    margin-right: 33px;
    position: relative
}

#breadcrumbs span span:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, .5);
    height: 1px;
    width: 12px;
    right: -24px;
    top: 11px
}

#breadcrumbs .breadcrumb_last {
    color: #050505;
    font-family: e-Ukraine;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px
}

#breadcrumbs .breadcrumb_last:before {
    left: -24px;
    background: #000;
    top: 7px
}