@font-face {
    font-family: "GothamPro";
    src: local("GothamPro Bold");
    src: url("/assets/fonts/GothamPro/GothamPro-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "GothamPro";
    src: local("GothamPro Regular");
    src: url("/assets/fonts/GothamPro/GothamPro-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

html, h1, h2, h3, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-logo {
    font-family: "GothamPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

h1 {
    font-weight: bold;
}

.uk-light {
    /*color: #ffffff;*/
    color: rgba(255,255,255,.9);
}

.position-fixed {
    position: fixed;
}

.sidebar-right {
    top: 0;
    bottom: 0;
    position: fixed;

    flex-direction: column;
    justify-content: space-between;
}

.color-orange {
    color: #f08400!important;
}

.bg-orange {
    background-color: #f08400!important;
}

.bg-orange\@hover {
    /*display: inline-block;*/
    position: relative;
    cursor: pointer;
}

.bg-orange\@hover p {
    position: relative;
    z-index: 1;
}

.bg-orange\@hover:hover:before {
    width: 100%;
}

.bg-orange\@hover:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background: #f08400;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease;
    z-index: 0;
}

.tooltip-img:before {
    content: "";
    position: absolute;
    z-index: 1;
    visibility: hidden;
    left: -120px;
    /*top: -10px;*/
}

.tooltip-img:hover:before {
    visibility: visible;
    transition: all .3s ease;
}

.tooltip-img1:hover:before {
    content: url(/assets/images/services/101/business01.jpg);
}

.tooltip-img2:hover:before {
    content: url(/assets/images/services/101/business02.jpg);
}

.tooltip-img3:hover:before {
    content: url(/assets/images/services/101/business03.jpg);
}

.tooltip-img4:hover:before {
    content: url(/assets/images/services/101/business04.jpg);
}

.tooltip-img5:hover:before {
    content: url(/assets/images/services/101/business05.jpg);
}

.tooltip-img6:hover:before {
    content: url(/assets/images/services/101/business06.jpg);
}

.tooltip-img7:hover:before {
    content: url(/assets/images/services/101/business07.jpg);
}

.tooltip-img8:hover:before {
    content: url(/assets/images/services/101/business08.jpg);
}

.tooltip-img9:hover:before {
    content: url(/assets/images/services/101/business09.jpg);
}

.tooltip-img10:hover:before {
    content: url(/assets/images/services/101/business10.jpg);
}

.tooltip-img11:hover:before {
    content: url(/assets/images/services/101/business11.jpg);
}

.tooltip-img21:hover:before {
    content: url(/assets/images/services/101/private01.jpg?1);
}

.tooltip-img22:hover:before {
    content: url(/assets/images/services/101/private02.jpg?1);
}

.tooltip-img23:hover:before {
    content: url(/assets/images/services/101/private03.jpg?1);
}

.tooltip-img24:hover:before {
    content: url(/assets/images/services/101/private04.jpg?1);
}

.tooltip-img25:hover:before {
    content: url(/assets/images/services/101/private05.jpg?1);
}

.bg-plitka {
    background-image: url(/assets/images/fon8.webp);
    background-position-y: bottom;
    background-repeat: no-repeat;
}

.has-error {
    border: 1px solid red;
}

@media (max-width: 640px) {
    .text-slogan {
        font-size: 1.4rem!important;
    }
}