/* Slider */
    .clicking{
        cursor: pointer;
    }

    .clicking:hover{
        cursor: pointer;
    }

    .slider {
        margin: 48px 0;
        display: flex !important;
        overflow: hidden;
    }

    .slide {
        display: flex !important;
        align-items: center;
        padding: 30px;
        border: 1px solid var(--color-separator);
    }

    .slide, .possible__item, .good__item > div, .working_item, .work_offers > div {
        transition: background-color 0.2s ease;
    }

    .slide:hover,
    .possible__item:hover,
    .good__item > div:hover,
    .working_item:hover,
    .work_offers > div:hover{
        background-color: var(--hover-bg) !important;
    }

    .slide > a {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    .slide > a{
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .slider > .slide:last-child{
        border-right: 1px solid var(--color-separator);
    }

    .slider .slide-content h4 {
        font-weight: bold;
    }

    .slider .slide-content span {
        font-family: 'Mulish';
        color: var(--color-black-50);
        display: block;
        margin-top: 16px;
        margin-bottom: 32px;
    }

    .slider .slide-content p {
        font-family: 'Mulish';
        color: var(--color-black-50);
        display: block;
        margin-top: 16px;
        margin-bottom: 32px;
    }

    .slider  .slide-image {
        display: flex;
        height: 100%;
        margin-right: 32px;
        margin-top: 16px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 5%;
        min-width: 165px;
    }

    .slider a > .slide-image  h3 {
        font-weight: 700;
        color: #00AAE8;
        line-height: 90%;
    }

    .slider .slide-content.border-left-1 {
        border-left: 1px solid var(--color-separator);
        padding-left: 32px;
    }

    .dots-container {
        display: flex;
    }

    .slick-dots {
        display: flex;
        position: relative;
        top: -5px;
    }

    .slick-dots >li{
        cursor: pointer;
    }

    .slick-dots >li:first-child > button{
        margin-left: 0px;
    }

    .slick-dots button {
        transition: all 0.2s ease;
        background: #80808059;
        font-size: 0;
        width: 40px;
        height: 1px;
        border: 0;
        margin-left: 24px;
    }

    .slick-active > button {
        background: #00AAE8;
        height: 3px;
        width: 120px;
    }

    .slider-controls {
        display: flex;
        margin: 0 auto;
    }

    #case_study .slider-controls{
        width: fit-content;
        margin-top: 20px;
    }

    .slick-track
    {
        display: flex !important;
    }
    .slick-slide
    {
        height: inherit !important;
    }
/* end  -   Slider  -   end */

/*  Cookies  */
.cookies {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 400px;
    padding-top: 65px;
    padding-bottom: 55px;
    padding-left: 90px;
    padding-right: 90px;
    background: var(--header-bg);
    text-align: center;
    position: fixed;
    margin-left: 16px;
    bottom: 16px;
    right: 16px;
    z-index: 900;
    border-radius: 15px;
    border: 1px solid #ccc;
    display: none;
    color: var(--color-black);
}

.cookies img {
    width: 82px;
    height: 82px;
    margin-bottom: 25px;
}

.cookies span {
    display: block;
    margin-bottom: 42px;
    font-family: 'Mulish';
    line-height: 24px;
}

.cookies button:nth-of-type(1){
    margin-bottom: 36px;
}
/* end  -   Cookies  -   end */


/* File-placeholder */
    .file-placeholder {
        font-family: Mulish;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        color: var(--color-white);
        margin-left: 27px;
    }
/* end  -   File-placeholder  -   end */

/* Top strap header */
    #document__header {
        width: auto;
        min-height: 106px;
        border-bottom: 1px solid var(--color-separator);
        position: sticky;
        top: 0;
        z-index: 999;
        background-color: var(--header-bg);
    }

    #document__header > div {
        min-height: 106px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #document__header > .container_fluid > div:nth-of-type(2){
        display: flex;
        align-items: center;
        height: 90px;
    }

    #document__header > .container_fluid > div:nth-of-type(2) > nav > .lng_change{
        min-height: 90px;
    }

    .logo {
        height: 106px;
        display: flex;
        align-items: center;
    }

    #document__navigation {
        display: flex;
        align-items: center;
    }

    #document__navigation ul {
        display: flex;
        background-color: var(--header-bg);
    }

    #document__navigation ul.list-dropdown{
        width: 140px;
    }

    #document__navigation ul > li > a {
        margin-right: 48px;
        color: var(--color-navy);
        font-size: 16px;
        position: relative;
        overflow: hidden;
        display: inline-block;
        padding-bottom: 5px;
        padding-top: 10px;
    }

    #document__navigation ul > li > a.nav-selected {
        font-weight: bold;
        color: var(--color-navy);
    }

    #document__navigation ul > li > a::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: var(--color-navy);
        bottom: 0;
        left: -100%;
        transition: 0.3s ease;
        opacity: 0.6;

    }

    #document__navigation ul > li > a:hover::before{
        left: 0;
    }

    .lng_change {
        padding-left: 48px;
        padding-right: 24px;
        margin-right: 24px;
        border-left: 1px solid var(--color-separator);
        min-height: 106px;
        display: flex;
        align-items: center;
        position: relative;
    }

    .list-dropdown {
        position: absolute;
        bottom: -116px;
        left: -1px;
        right: 0px;
        background-color: #fff;
        height: 108px;
        border: 1px solid var(--color-separator);
        border-top: 0;
        flex-direction: column;
        display: none !important;
    }

    .list-dropdown.open {
        display: flex !important;
    }

    .list-dropdown > li {
        width: 100%;
        border-bottom: 1px solid var(--color-separator);
    }

    .list-dropdown > li:last-child{
        border: 0
    }

    .list-dropdown > li > a {
        padding: 15px 20px !important;
        display: block;
        width: 100%;
        margin: 0 !important
    }

    .list-dropdown > li > a:hover {
        background-color: var(--dropdown-bg);
    }

    .lng_change ul > li > a {
        margin-right: 0;
        color: var(--color-black-50) !important;
        position: relative;
        overflow: visible !important;
    }

    .lng_change ul > li > a::before{
        display: none;
    }

    .lng_change ul > li > a > img {
        position: absolute;
        top: 50%;
        left: 36px;
    }

    .mobile_lng_change {
        display: flex;
        border-top: 1px solid var(--color-separator);
        display: none;
        background-color: var(--mobile-nav-bg);
    }

    .mobile_lng_change > div {
        flex: 1 auto;
        text-align: center;
        border-right: 1px solid var(--color-separator);
    }

    .mobile_lng_change > div:hover {
        background-color: var(--dropdown-bg);
    }

    .mobile_lng_change > div:last-child {
        border-right: 0;
    }

    .mobile_lng_change > div a {
        display: block;
        color: var(--color-navy);
    }

    .btn-mobile {
        display: none;
        width: 35px;
        height: 21px;
        position: relative;
    }

    .btn-mobile:hover {
        cursor: pointer;
    }

    .button-mobile-line {
        display: block;
        height: 3px;
        width: 100%;
        background-color: #00AAE8;
        position: absolute;
        border-radius: 3px;
        transition: all 0.3s ease;
    }

    .button-mobile-line:nth-of-type(1){
        top: 0;
    }
    .button-mobile-line:nth-of-type(2){
        top: calc(50% - 1px);
    }
    .button-mobile-line:nth-of-type(3){
        bottom: 0;
    }

    .btn-mobile.menu-open .button-mobile-line:nth-of-type(1){
        top: calc(50% - 1px);
        transform: rotate(-45deg);
    }

    .btn-mobile.menu-open .button-mobile-line:nth-of-type(2){
        width: 0px;
    }

    .btn-mobile.menu-open .button-mobile-line:nth-of-type(3){
        top: calc(50% - 1px);
        transform: rotate(45deg);
    }

/* end  -   Top strap header  -   end */

/* Basic header */
    #basic_header {
        padding-bottom: 28px;
        padding-top: 36px;
        border-bottom: 1px solid var(--color-separator);
    }

    #basic_header h1 {
        margin-left: 91px;
    }
/* end  -   Basic header  -   end */

/* Section welcome */
    #welcome {
        background-color: var(--welcome-bg);
        background-image: url('../img/keyboard.webp');
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain;
        min-height: 867px;
        display: flex;
        padding-left: 200px;
        /* ??? */
        max-width: 2000px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    #welcome::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-image: url('../img/big-circle.svg');
        background-position: 120px 50%;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 0;
    }

    .welcome_content {
        position: relative;
        z-index: 1;
        max-width: 596px;
        margin-top: 152px;
    }

    .welcome-span {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        width: 143px;
        height: 20px;
        display: block;
        font-family: Mulish;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 150%;
        left: calc(50% - 71.5px);
        bottom: 108px;
    }

    .welcome-span img {
        height: 20px;
        position: absolute;
        right: 0;
        top:0;
    }

    .welcome-span p {
      color: var(--color-black);
    }

    .welcome-span > div:nth-of-type(1){
        order: 2;
    }

    .welcome_content span {
        font-family: 'Mulish';
        display: block;
        margin-top: 16px;
        color: var(--color-black);
    }

    .welcome_content span > p{
        display: inline-block;
    }

    .welcome_content button {
        margin-top: 48px;
    }

    .welcome_image {
        background: transparent;
        position: absolute;
        right: 0;
        bottom: 0;
        top: 106px;
        display: none;
    }

    .welcome_circle {
        width: 600px;
        height: 600px;
        background: var(--color-blue);
        border-radius: 50%;
        position: absolute;
        left: -300px;
        top: calc(50% - 300px);
    }

    .welcome_circle_left {
        width: 600px;
        height: 600px;
        background-image: url("../img/keyboard.webp");
        transform: rotate(180deg);
        border-radius: 50%;
    }
/* end  -   Section welcome  -   end */

/*  Mouse Animation */
.arrows {
    display: flex;
    width: 60px;
    height: 72px;
    position: absolute;
    left: 50%;
    margin-top: 20px;
    margin-left: -30px;
    order: -1;
}

.arrows path {
    stroke: var(--color-black);
    fill: transparent;
    stroke-width: 1px;
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
}

@keyframes arrow
{
    0% {opacity:0}
    40% {opacity:1}
    80% {opacity:0}
    100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
    0% {opacity:0}
    40% {opacity:1}
    80% {opacity:0}
    100% {opacity:0}
}

.arrows path.a1 {
    animation-delay:-1s;
    -webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
    animation-delay:-0.5s;
    -webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {
    animation-delay:0s;
    -webkit-animation-delay:0s; /* Safari 和 Chrome */
}
/* end  -   Mouse Animation  -   end */

/* Single section */
    .section_header {
        max-width: 90%;
    }

    .section_header span {
        font-family: 'Mulish';
        display: block;
        margin-top: 16px;
        color: var(--color-black-50);
    }

    .section_footer {
        margin-top: 48px;
    }
/* end  -   Single section  -   end */

/* About us */
    #about_us {
        background-color: var(--about-us-bg);
        min-height: 580px;
    }

    #about_us .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 586px;
    }

    .about_us__content {
        max-width: 709px;
    }

    .about_us__content h2 > mark {
        font-family: 'Space Grotesk', sans-serif !important;
    }

    .about_us__content span {
        font-family: 'Mulish';
        display: block;
        margin-top: 16px;
        max-width: 603px;
        color: var(--color-black);
    }

    .about_us__image img {
        max-width: 744px;
        position: relative;
        bottom: -100px;
    }
/* end  -   About us  -   end */

/* Our offer */
    #our_offer {
        background-color: var(--our-offer-bg);
        padding-top: 180px;
        padding-bottom: 150px;
    }

#our_offer .section_header {
    margin-bottom: 48px;
}

#our_offer  .slider{
    margin: 0
}

#our_offer  .slide > a{
    display: flex;
}

#our_offer  .slider a > .slide-image {
    width: 165px;
    margin-right: 0px;
    height: 100%;
}

#our_offer  .slider .slide .slide-image{
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
    align-items: center
}

#our_offer  .slider a > .slide-image > img{
    width: 111px;
}

#our_offer .slide > a > .slide-content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 32px;
}

    #products {
        background-color: var(--our-offer-bg);
    }

#products .slider {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}

#products .slider a > .slide-image{
    margin-right: 32px;
}

#products .slider .slide-image{
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
    align-items: center;
}

#products .slider .slide-image > div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
/* end  -  Our offer  -   end */

/* Case study */
    #case_study {
        margin-top: 150px;
        background-color: var(--case-study-bg);
    }

    .container-off-grid-right {
        padding-top: 100px;
        padding-bottom: 80px;
        max-width: 2000px;
        margin-left: auto;
        margin-right: auto;
    }

    .single_case {
        max-width: 1132px;
        min-height: 486px;
        display: flex !important;
        align-items: stretch;
        justify-content: stretch;
        margin-right: 161px;
    }

    .single_case:last-child {
        margin-right: 200px;
    }

    .slider-off-grid-right {
        margin-top: 49px;
        display: flex;
        overflow-x: hidden;
    }

    .case_img {
        width: 554px;
        background-color: var(--color-blue);
        min-height: 486px;
    }

    .case_content {
        background-color: var(--case-content-bg);
        width: 588px;
        padding: 56px 90px
    }

    .case_content h3 {
        font-weight: 500;
    }

    .case_content h4 {
        color: var(--color-dark-blue);
        font-weight: 500;
        font-size: 22px;
        margin: 16px 0
    }

    .case_content span {
        display: block;
        font-family: 'Mulish';
        color: var(--color-black-50);
        font-size: 15px;
        line-height: 150%;
        margin-bottom: 32px;
    }

#case_study .product_elem{
    display: flex;
    margin-bottom: 40px;
    /*border: 1px solid var(--color-separator);*/
    /*width: 1200px !important;*/
}

#case_study .product_elem > .elem_imgs {
    display: flex;
    background-color: #559ef0;
    width: 40vw;
    align-content: center;
    justify-content: center;
}

#case_study .product_elem > .elem_imgs >img {
    z-index: 2;
    width: 45%;
}

#case_study .product_elem > .elem_desc {
    width: 636px;
    padding: 65px 140px 80px 110px;
    background-color: var(--elem-desc);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

#case_study .product_elem > .elem_desc > h3{
    font-family: Space Grotesk;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 700;
    color: var(--color-black);
}

#case_study .product_elem > .elem_desc > h4{
    font-family: Space Grotesk;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: left;
    font-weight: 700;
    color: var(--color-blue);
}

#case_study .product_elem > .elem_desc > p{
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--color-black);
}

#case_study .product_elem > .elem_desc button{
    margin-top: 30px;
}

#case_study .header-items{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-evenly;
    margin-top: 50px;
}

#case_study .header-items > .header__item{
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}

#case_study .header-items > .header__item > img{
    display: flex;
    width: 30%;
    margin: 0 auto;
    height: 70px;
}

#case_study .header-items > .header__item > p{
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin: 0 auto;
    color: var(--color-black);
    text-align: center;
    font-family: 'Mulish';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    padding-top: 36px;
    padding-left: 0;
    padding-right: 0;
}

#case_study p {
    color: var(--color-light-navy);
    font-family: 'Mulish';
    font-weight: 400;
    line-height: 24px;
    text-align: justify;
}

#case_study p:nth-of-type(1){
    padding-right: 17px;
}

#case_study p:nth-of-type(2){
    padding-left: 17px;
}

/* end  -  Case study  -   end */

/* Workflow */
    #workflow {
        background-image: url("../img/big-circle.svg");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 751px;
        background-color: var(--workflow-bg);
    }

    #workflow .container {
        min-height: 751px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    #workflow h1 {
        color: var(--color-white);
    }

    #workflow span {
        font-family: 'Mulish';
        color: var(--color-white);
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        display: block;
        margin-top: 31px;
        margin-bottom: 39px;
    }

    #workflow .section_body {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    #workflow .section_body > div:nth-of-type(1) {
        max-width: 450px;
    }

    #workflow .section_body > div:nth-of-type(2) {
        display: flex;
        justify-content: flex-end
    }

    #workflow .row{
        display: flex;
        justify-content: space-evenly;
    }

    #workflow .row button:nth-of-type(1){
        margin-bottom: 24px;
    }
/* end  -  Workflow  -   end */

/* Partners */
    #partners {
        padding-top: 60px;
        padding-bottom: 60px;
        background-color: var(--partners-bg);
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
        text-align: center;
    }

    .partner {
        display: flex;
        justify-content: center;
        padding-top: 30px;
        padding-bottom: 25px;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 10px;
        marin-right: 10px;
        border: 1px solid var(--partners-bg);
    }

    .partner > a{
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

    .partner > a > img{
        /*width: 70%;*/
        height: auto;
    }

    .partner:hover {
        border: 1px solid var(--color-separator);
    }

    #partners .row {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly !important;
    }

    #partners .row {
        margin-top: 48px;
        justify-content: space-between;
    }
/* end  -  Partners -   end */

/* News */
    #news {
        min-height: 904px;
        padding: 150px 0;
        background-color: var(--news-bg);
    }

    #news .single-news {
        overflow: hidden;
        height: 495px;
        margin-top: 48px;
    }

    .single-news:nth-of-type(1){
        padding-right: 16px
    }

    .single-news:nth-of-type(2){
        padding: 0 16px
    }

    .single-news:nth-of-type(3){
        padding-left: 16px
    }
    
    #news .single-news .news_content {
        position: relative;
        height: 100%;
    }

    #news .single-news .news-image {
        height: 495px;
        overflow: hidden;
    }

    #news .single-news .news-image img{
        width: 100%;
        height: 100%;
        transition: 0.3s ease;
        object-fit: cover;
    }

    #news .single-news:hover .news-image > img {
        transform: scale(1.1);
    }

    .news-content {
        position: absolute;
        background-color: red;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 32px 52px;
        background-color: rgba(54, 87, 164, 0.7);
    }

    .news-content h4, .news-content span {
        display: block;
    }

    .news-content h4, .news-content span, .news-content a {
        color: var(--color-white);
        position: relative;
        font-size: 13px;
        font-weight: 300;
    }
    
    .news-content a > img {
        position: absolute;
        right: -20px;
        top: 5px
    }

    .news-content h4 {
        font-size: 17px;
    }

    .news-content span {
        font-family: 'Mulish';
        font-size: 13px;
        font-weight: 200;
        letter-spacing: 1px;
        margin-top: 16px;
        margin-bottom: 32px;
        max-width: 272px;
    }
/* end  -  News  -   end */

/* Document history */
    #document_history {
        min-height: 51px;
    }

    #document_history > div {
        min-height: 51px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    #document_history ul::-webkit-scrollbar {
        display: none;
    }

    #document_history ul {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none
    }

    #document_history ul > li {
        margin-right: 38px;
        position: relative;
        white-space: nowrap;
    }

    #document_history ul > li::after {
        content: url('../img/arrow-right-opacity.svg');
        position: absolute;
        right: -25px;
        top: calc(50% - 7px);
    }

    #document_history ul > li:last-child::after {
        display: none;
    }

    #document_history ul > li > a {
        color: var(--color-blue);
        opacity: 0.3;
    }

    #document_history ul > li > a.current {
        opacity: 1;
    }
/* end  -  Document history  -   end */


/* company header */
    #company__header {
        background-color: var(--company__header-bg);
    }

    #company__header .company__header_content{
        max-width: 613px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-top: 48px;
        padding-bottom: 48px;
    }

    #company__header .company__header_content h2 {
        margin-bottom: 16px;
        color: var(--color-dark-blue);
    }

    #company__header .company__header_content span {
        display: block;
        font-family: 'Mulish';
        font-weight: 400;
        line-height: 24px;
        color: var(--color-black);
    }

    #company__content {
        background-color: var(--company__content-bg);
        padding-bottom: 100px;
        padding-top: 49px;
    }

    #company-image {
        position: relative;
    }

    #company-image::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 45%;
        top: 0;
        background-color: var(--company__header-bg);
        z-index: -1;
    }

    #company-image::after{
        content: '';
        position: absolute;
        width: 100%;
        height: 55%;
        bottom: 0;
        background-color: var(--company__content-bg);
        z-index: -1;
    }

    #company-image .company-image-content {
        height: 100%;
    }

    .company-image-content img {
        height: 100%;
        width: 70%;
        margin: 0 auto;
        display: flex;
        object-fit: cover;
        background: white;
    }

    #company__content p {
        color: var(--color-light-navy);
        font-family: 'Mulish';
        font-weight: 400;
        line-height: 24px;
        text-align: justify;
    }

    #company__content p:nth-of-type(1){
        padding-right: 17px;
    }

    #company__content p:nth-of-type(2){
        padding-left: 17px;
    }
/* end  -  company header  -   end */

/* Company vision */
    #company-vision {
        padding: 104px 0;
        background-color: var(--company-vision-bg);
    }

    #company-vision div > img {
        max-width: 100%;
    }

    #company-vision .row > div:nth-of-type(odd){
        padding-right: 82px;
    }

    #company-vision .row > div:nth-of-type(even){
        padding-left: 82px;
    }

    #company-vision .row > div h3 {
        margin-bottom: 16px;
        font-weight: 600;
    }

    #company-vision .row > div span {
        font-family: 'Mulish';
        line-height: 24px;
        font-weight: 400;
        font-size: 15px;
        color: var(--color-black-50);
        display: block;
        margin-bottom: 100px;
    }
/* end  -  Company vision  -   end */

/* Company uniqueness */
    #company-uniqueness {
        background-color: var(--company-uniqueness-bg);
        text-align: center;
        padding-top: 122px;
        padding-bottom: 104px;
    }

    #company-uniqueness .row{
        margin-top: 94px;
    }

    #company-uniqueness .row > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 45px;
    }

    #company-uniqueness .row span {
        font-family: 'Mulish';
        font-size: 15px;
        line-height: 150%;
        text-align: center;
        color: var(--color-black);
        max-width: 200px;
    }

    #company-uniqueness .row img {
        width: 65px;
        height: 65px;
        margin-bottom: 36px;
    }


/* end  -  Company uniquenes  -   end */

/* Company services */
    #company-services {
        padding-top: 104px;
        padding-bottom: 104px;
    }

    #company-services .card-row{
        min-height: 440px;
    }
/* end  -  Company services  -   end */

/* Contact content */
    #contact_content {
        padding-top: 73px;
        padding-bottom: 102px;
        background-color: var(--contact_content-bg);
    }

    .contact-container {
        margin-left: 0px;
    }

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

    .contact-info h4 {
        font-weight: bold;
    }

    .contact-info span,
    .contact-info a,
    .contact-info span>p{
        font-family: Mulish;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 20px;
        color: #969696;
    }

    .contact-info iframe {
        width: calc(100% - 161px);
        height: 405px;
        border-radius: 45px;
        border: 0;
    }
/* end  -  Contact content  -   end */

/* Document footer */
    .footer_information {
        background-color: var(--footer-bg);
        border-top: 1px solid var(--color-separator);
    }

    .footer_information .row > div {
        padding-top: 48px;
    }

    .footer_information .row > div:nth-of-type(1){
        border-right: 1px solid var(--color-separator);
    }

    .footer_information .row > div:nth-of-type(2){
        padding-left: 104px;
    }

    .footer_information div:nth-of-type(2) ul {
        margin-bottom: 56px;
    }

    .footer_information div:nth-of-type(2) ul > li:nth-of-type(1){
        font-family: Mulish;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 150%;
        color: var(--color-white);
        margin-bottom: 32px;
        opacity: 1;
    }

    .footer_information div:nth-of-type(2) ul > li > a{
        font-family: Mulish;
        font-style: normal;
        font-weight: 100;
        font-size: 16px;
        line-height: 150%;
        color: var(--color-sky-blue);
        opacity: 0.5;
        margin-bottom: 24px;
        display: block;
    }

    .footer_information div:nth-of-type(2) ul > li > a:hover {
        text-decoration: underline;
    }

    .company-information h6 {
        font-family: Mulish;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 150%;
        color: var(--color-white);
        margin-top: 32px;
        margin-bottom: 16px;
    }

    .company-information ul {
        margin-bottom: 16px;
    }

    .company-information ul > li,
    .company-information ul > li > a,
    .company-information ul > li > p{
        font-family: Mulish;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 150%;
        color: var(--color-sky-blue);
        font-weight: 100;
    }

    .company-information ul > li > a {
        color: var(--color-blue);
    }

    .footer_copyright {
        min-height: 161px;
        background-color: var(--footer-copyright);
        border-top: 1px solid var(--color-separator);
    }

    .footer_copyright .row {
        min-height: 161px;
    }

    .footer_copyright .row > div:nth-of-type(1) span {
        font-family: Mulish;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 150%;
        color: var(--color-sky-blue);
        font-weight: 300;
    }

    .footer_copyright .row > div:nth-of-type(2) img:nth-of-type(1){
        margin-right: 20px;
    }

    .footer_copyright .row > div:nth-of-type(2) img:nth-of-type(2){
        margin-left: 20px;
    }

    .footer_copyright .row > div a{
        line-height: 0%;
    }

    .footer_copyright .row > div a:hover {
        opacity: 0.8;
    }

    .footer_copyright .row > div:nth-of-type(3) a img{
        margin-left: 16px;
    }

    .footer_copyright .btn-switch {
        margin-right: 48px;
    }
/* end  -  Document footer  -   end */

/* Slider */
    .controls-arrow {
        border: 0;
        background-color: transparent;
        margin-right: 24px;
        margin-top: -4px;
        padding: 6px;
        height: 120%;
        cursor: pointer;
    }

    .controls-arrow img{
        transform: scale(1.7);
    }
/* end  -  Slider  -   end */

/* Card */
    .card-container {
        padding: 16px;
    }

    .card {
        border: 1px solid var(--color-separator);
        padding: 31px 61px;
    }

    .card h4 {
        font-weight: bold;
        margin-bottom: 24px;
    }

    .card span {
        font-family: 'Mulish';
        color: var(--color-black-50);
        font-size: 16px;
        line-height: 150%;
    }

    .card-row {
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .card-row img {
        margin-right: 52px;
    }
/* end  -  Card  -   end */


    /*
       Media on device
       range between 0 and 500px
   */
    /* -----------------------  MEDIA ---------------------------- */

    /* 
        Media on device
        range between 501 and 900px
    */
@media screen and (min-width: 1881px){

    .welcome_image {
        width: 686px;
        display: flex;
    }

    #welcome::before {
        background-position: 40px 50%;
        background-size: 120%;
    }

    #workflow .section_body > div:nth-of-type(1){
        margin-top: 110px;
    }

}

@media screen and (min-width: 1501px) and (max-width: 1880px) {

    #welcome {
        padding-left: 60px;
        background-position: 100%;
    }

    #welcome::before {
        background-position: 50px 50%;
        background-size: 100%;
    }

    .welcome_content {
        max-width: 430px;
    }

    .welcome_image {
        width: 686px;
        display: flex;
    }

    #workflow .section_body > div:nth-of-type(1){
        margin-top: 110px;
    }

}

@media screen and (min-width: 1301px) and (max-width: 1500px){

    #welcome {
        padding-left: 60px;
        background-position: calc(100% + 300px);
    }

    #welcome::before {
        background-position: 180px 50%;
        background-size: 120%;
    }

    .welcome_content {
        max-width: 525px;
    }

    .welcome_image {
        width: 386px;
        display: flex;
    }

    .card-row {
        flex-direction: column;
    }

    #workflow .section_body > div:nth-of-type(1){
        margin-top: 110px;
    }
}

@media screen and (min-width: 901px) and (max-width: 1300px) {

    /* @mobile breakpoint */
    #document__navigation ul {
        display: none;
    }

    #document__header > .container_fluid > div:nth-of-type(2) > .btn-switch{
        transform: scale(0.9);
    }

    .btn-mobile {
        display: block !important;
    }

    .lng_change{
        padding-left: 36px;
        padding-right: 36px;
        margin-right: 0;
    }

    .menu-large.open {
        display: block !important;
        position: absolute;
        left: 0;
        right: 0;
        top: 106px;
        border-bottom: 1px solid var(--color-separator);
        background-color: var(--mobile-nav-bg);
        border-top: 1px solid var(--color-separator)
    }

    .menu-large.open a {
        padding: 0 !important;
        margin: 16px 64px !important;
    }

    .mobile_lng_change {
        display: flex;
    }

    /* @end mobile breakpoint */
    #welcome {
        background-image: url("../img/md-keyboard.webp");
        padding-left: 60px;
        background-position: calc(100% + 350px);
    }

    #welcome::before {
        background-position: 210px 55%;
        background-size: 110%;
    }

    .welcome_image {
        width: 336px;
        display: flex;
    }

    .about_us__image img {
        max-width: 500px;
        position: static;
    }

    .welcome_content {
        max-width: 480px;
    }

    .single-news:nth-of-type(3) {
        display: none;
    }

    .contact-container {
        margin-left: 0;
    }

    .contact-info iframe {
        width: 100%;
    }

    #workflow .section_body > div:nth-of-type(1){
        max-width: 35%;
    }

    #workflow .section_body > div:nth-of-type(2) > img{
        width: 80%;
    }

    /*  Zawartość   */
    #case_study .product_elem > .elem_desc {
        max-width: 600px;
        box-sizing: border-box;
        padding: 40px 160px 40px 40px;
    }

    #case_study .product_elem > .elem_imgs {
        max-width: 600px;
        display: flex;
    }
    /*  end     -   Zawartość   -   end  */
}

@media screen and (min-width: 901px) and (max-width: 1100px) {

    #wellcome::before {
        background-position: 40px 55%;
        background-size: 125%;
    }

    /*#case_study .product_elem > .elem_imgs {*/
    /*    padding-left: 200px;*/
    /*}*/

    #case_study .product_elem > .elem_desc {
        max-width: 600px;
        box-sizing: border-box;
        padding: 40px;
    }
}


@media screen and (min-width: 501px) and (max-width: 900px) {

    #case_study button.btn.btn-secondary{
        width: 40%;
        margin: 0 auto;
    }

    #case_study .product_elem{
        max-width: 100% !important;
    }

    #case_study .product_elem > .elem_desc{
        padding: 50px 60px 50px 60px;
    }

    #case_study .product_elem > .elem_imgs >img {
        width: 40%;
    }

    #document__header > .container_fluid > div:nth-of-type(2) > .btn-switch{
       transform: scale(0.9);
    }

    #our_offer .slider .slide .slide-image{
        justify-content: center;
    }

    #products .slider a > .slide-image{
        justify-content: center;
    }

    .section_header {
        max-width: 100%;
    }

    /* @mobile breakpoint */
    #document__navigation ul{
        display: none;
    }

    .welcome-span{
        display: none !important;
    }

    .btn-mobile {
        display: block !important;
    }

    .lng_change{
        padding-left: 24px;
        padding-right: 24px;
        margin-right: 0;
    }

    .menu-large.open {
        display: block !important;
        position: absolute;
        left: 0;
        right: 0;
        top: 106px;
        border-bottom: 1px solid var(--color-separator);
        background-color: var(--mobile-nav-bg);
        border-top: 1px solid var(--color-separator)
    }

    .menu-large.open a {
        padding: 0 !important;
        margin: 16px 32px !important;
    }

    .mobile_lng_change {
        display: flex;
    }
    /* @end mobile breakpoint */

    #welcome {
        padding-left: 36px;
        padding-right: 36px;
        background: none;
        min-height: auto;
        padding-bottom: 48px;
    }

    .welcome_content {
        margin-top: 49px;
    }

    #company__content p {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 32px;
    }

    #about_us {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    #about_us .container{
        flex-direction: column;
    }

    .about_us__image img {
        max-width: 70%;
        float: right;
        position: static;
        margin-top: 40px
    }

    .slide {
        flex-direction: column;
        align-items: flex-start;
    }

    .slide img {
        margin-bottom: 16px;
    }

    .single-news:nth-of-type(2),
    .single-news:nth-of-type(3){
        display: none;
    }

    #news .single-news {
        padding: 0;
    }

    #company-vision .row > div:nth-of-type(even) {
        padding: 0;
    }

    #company-vision > div > .row > div:nth-of-type(1){
        order: 1;
    }

    #company-vision > div > .row > div:nth-of-type(2){
        order: 2;
    }

    #company-vision > div > .row > div:nth-of-type(3){
        order: 4
    }

    #company-vision > div > .row > div:nth-of-type(4){
        order: 3;
    }

    /*  form  */
    .form-group {
        flex-wrap: wrap;
    }

    .field {
        width: 100%;
    }

    .field:first-child input, .field:first-child label{
        margin-right: 0;
    }

    .field:last-child input, .field:last-child label {
        margin-left: 0;
    }
    /*  end  */

    .card {
        padding: 31px 16px;
    }

    .card-row {
        flex-direction: column;
    }

    .cookies {
        padding-left: 5px;
        padding-right: 5px;
    }

    .card-container {
        padding: 16px 0;
    }

    .card-row img {
        margin-right: 0;
        width: 100%;
    }

    /*.slick-dots {*/
    /*    display: none !important;*/
    /*}*/

    .contact-container {
        margin-left: 0;
    }

    .contact-info iframe{
        width: 100%;
    }

    #workflow .section_body > div:nth-of-type(1){
        max-width: 100%;
        justify-content: space-evenly;
    }

    #workflow .section_body > div:nth-of-type(2) {
        display: none;
    }
    /* basic header */

    #basic_header .row {
        justify-content: space-between;
    }

    #basic_header h1 {
        margin-left: 0;
    }

    /* end */

    /* footer */

    .footer_information .row > div:nth-of-type(1){
        border: 0;
        border-bottom: 1px solid var(--color-separator);
    }

    .footer_information .row > div:nth-of-type(2){
        padding-left: 0;
    }

    #our_offer {
        padding-top: 90px;
        padding-bottom: 120px;
    }

    /* end */

}

@media screen and (min-width: 0px) and (max-width: 900px){

        #welcome{
            padding-top: 70px;
            padding-bottom: 120px !important;
        }

        /* Nasza oferta */
        #our_offer > .container .section_footer {
            margin-top: 20px;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            align-items: center;
        }

        #our_offer > .container .slider-controls > div:nth-of-type(1) {
            display: flex;
            flex-direction: row;
        }

        #our_offer > .container .slider-controls {
            flex-direction: column;
            z-index: 20;
            order: -1;
            overflow: hidden;
        }

        #our_offer > .container .slider-controls > div{
            margin: 0 auto;
            margin-bottom: 10px;
        }

        #our_offer > .container .slider-controls > div > button{
            width: 50px;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        #our_offer > .container .slider-controls > div > button > img{
            transform: scale(1.5);
        }

        #our_offer > .container .slider-controls > div > button:nth-of-type(2){
            margin-right: 0;
        }

        #our_offer > .container .slider-controls > ul{
            width: 100%;
            margin-bottom: 30px;
        }

        #our_offer > .container .slider-controls > ul > li{
            width: 20% !important;
        }

        /* Produkty */
        #products > .container .section_footer {
            margin-top: 0px;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            align-items: center;
        }

        #products .slider{
            margin-bottom: 16px;
        }

        #products > .container .slider-controls > div:nth-of-type(1) {
            display: flex;
            flex-direction: row;
        }

        #products > .container .slider-controls {
            flex-direction: column;
            z-index: 20;
            order: -1;
            overflow: hidden;
        }

        #products > .container .slider-controls > div{
            margin: 0 auto;
            margin-bottom: 10px;
        }

        #products > .container .slider-controls > div > button{
            width: 50px;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        #products > .container .slider-controls > div > button > img{
            transform: scale(1.5);
        }

        #products > .container .slider-controls > div > button:nth-of-type(2){
            margin-right: 0;
        }

        #products > .container .slider-controls > ul{
            width: 100%;
            margin-bottom: 30px;
        }

        #products > .container .slider-controls > ul > li{
            width: 20% !important;
        }

        /* Case study */
        #case_study .product_elem > .elem_desc > h3{
            line-height: normal;
            margin-bottom: 10px;
        }

        #case_study .product_elem > .elem_desc > h4{
            line-height: normal;
            padding-bottom: 10px;
            box-sizing: border-box;
        }

        #case_study .slider-controls {
            flex-direction: column;
            z-index: 20;
            order: -1;
            overflow: hidden;
            margin-top: 0px;
            width: 100%;
        }

        #case_study .slick-dots button{
            margin-left: 0px;
        }

        #case_study .slider-controls > div > button > img{
            transform: scale(1.5);
        }

        #case_study .slider-controls > div > button:nth-of-type(2){
            margin-right: 0;
        }

        #case_study .slider-controls > div:nth-of-type(1) {
            display: flex;
            flex-direction: row;
            margin: 0 auto;
        }

        #case_study  .slider-controls > div > button{
            width: 50px;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        #case_study .slider-controls > ul{
            margin: 0 auto;
            width: 90%;
        }

        #case_study .slider-controls > ul > li{
            width: 20% !important;
        }

        /* Workflow */
        #workflow .section_body {
            display: flex;
            margin: 0 auto;
            width: 80%;
        }

        #workflow .section_body >div:nth-of-type(1){
            display: flex;
            flex-direction: column;
            text-align: center;
        }

        .slick-active > button{
            width: 20px;
        }

        .slick-dots button{
            width: 20px;
        }

        /*  Zawartość   */
        #case_study .section_header {
            display: flex !important;
            width: 100%;
        }

        #case_study .section_header.pr-200{
            padding-right: 0 !important;
        }


        #case_study .slider-controls button:nth-of-type(1){
            margin-right: 10px;
        }

        #case_study .section_header > h2 {
            width: 50%x;
        }

        #case_study .section_header > div {
            width: 100px;
        }

        #case_study .slider-controls button > img{
            transform: scale(1.5);
        }

        #case_study .product_elem{
            flex-direction: column;
            align-items: center;
            min-height: 680px;
        }

        #case_study p:nth-of-type(1){
            padding-right: 0px !important;
        }

        #case_study .product_elem > .elem_imgs {
            width: 100%;
            height: 40%;
        }

        #case_study .product_elem > .elem_desc {
            width: 100%;
            display: flex;
            flex-direction: column;
            height: 60%;
            padding: 40px 30px 40px 30px;
            justify-content: space-between;
        }

        /*  end     -   Zawartość   -   end  */

        #our_offer.slider .slide .slide-image{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-bottom: 32px;
        }

    }

@media screen and (min-width: 0px) and (max-width: 500px) {

    #softeris-logo{
        width: 90%;
    }

    #document__header{
        height: 90px;
        min-height: 90px;
    }

    #document__header > div{
        min-height: 90px;
    }

    .logo{
        height: 90px;
    }

    .welcome-span {
        display: none !important;
    }

    .mobile_switch{
        display: flex;
        padding-top: 5px;
        padding-bottom: 15px;
        justify-content: center;
    }

    #document__header > .container-fluid{
        padding: 0 16px !important;
    }

    #document__header > .container_fluid > div:nth-of-type(2) {
        padding-left: 10px;
        border-left: 1px solid var(--color-separator);
    }

    #document__header > .container_fluid > div:nth-of-type(2) > .btn-switch{
        transform: scale(0.8);
        order: -1;
    }

    #workflow .section_body > div:nth-of-type(1){
        max-width: 100%;
        justify-content: space-evenly;
    }

    #workflow .section_body > div:nth-of-type(2) {
        display: none;
    }

    #case_study .product_elem{
        height: 748px;
    }

    #case_study .product_elem > .elem_imgs{
        height: 40%;
    }

    #case_study .product_elem > .elem_imgs >img {
        width: 60%;
    }

    #case_study .product_elem > .elem_desc{
        width: 100%;
        /*height: 60%;*/
        /*padding: 40px 120px;*/
    }

    #case_study .product_elem > .elem_desc > h3{
        font-size: 24px;
    }

    #case_study .product_elem > .elem_desc > h4{
        font-size: 16px;
    }

    #our_offer .slide-image {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 32px;
    }

    #our_offer .slide > a{
        flex-direction: column;
    }

    #document__navigation ul{
        display: none;
    }

    .btn-mobile {
        display: block !important;
    }

    .lng_change{
        padding-left: 12px;
        padding-right: 0px;
        margin-right: 0;
        border-left: none;
    }

    .menu-large.open {
        display: block !important;
        position: absolute;
        left: 0;
        right: 0;
        top: 90px;
        border-bottom: 1px solid var(--color-separator);
        background-color: var(--mobile-nav-bg);
        border-top: 1px solid var(--color-separator)
    }

    .menu-large.open a {
        padding: 0 !important;
        margin: 16px 32px !important;
    }

    .mobile_lng_change {
        display: flex;
    }
    /* @end mobile breakpoint */

    #welcome {
        padding-left: 36px;
        padding-right: 36px;
        background: none;
        min-height: auto;
        padding-bottom: 48px;
    }

    .welcome_content {
        margin-top: 49px;
    }

    .wellcom_container {
        background-size: cover !important;
    }

    #company__content p {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 32px;
    }

    #about_us {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    #about_us .container{
        flex-direction: column;
    }

    .about_us__image img {
        max-width: 100%;
        position: static;
        margin-top: 40px
    }

    .slide {
        flex-direction: column;
        align-items: flex-start;
    }

    .single-news:nth-of-type(2),
    .single-news:nth-of-type(3){
        display: none;
    }

    #news .single-news {
        padding: 0;
    }

    #company-vision .row > div:nth-of-type(even) {
        padding: 0;
    }

    #company-vision > div > .row > div:nth-of-type(1){
        order: 1;
    }

    #company-vision > div > .row > div:nth-of-type(2){
        order: 2;
    }

    #company-vision > div > .row > div:nth-of-type(3){
        order: 4
    }

    #company-vision > div > .row > div:nth-of-type(4){
        order: 3;
    }

    .cookies {
        padding-left: 15px;
        padding-right: 15px;
    }


    /*  form  */
    .form-group {
        flex-wrap: wrap;
    }

    .field {
        width: 100%;
    }

    .field:first-child input, .field:first-child label{
        margin-right: 0;
    }

    .field:last-child input, .field:last-child label {
        margin-left: 0;
    }
    /*  end  */


    .card {
        padding: 31px 16px;
    }

    .card-row {
        flex-direction: column;
    }

    .card-container {
        padding: 16px 0;
    }

    .card-row img {
        margin-right: 0;
        width: 100%;
    }

    /*.slick-dots {*/
    /*    display: none !important;*/
    /*}*/

    .contact-container {
        margin-left: 0;
    }

    .contact-container > h4{
        color: var(--color-blue) !important;
    }

    .contact-info iframe{
        width: 100%;
    }

    /* basic header */

    #basic_header .row {
        justify-content: space-between;
    }

    #basic_header h1 {
        margin-left: 0;
    }

    /* end */

    /* footer */

    .footer_information .row > div:nth-of-type(1){
        border: 0;
        border-bottom: 1px solid var(--color-separator);
    }

    .footer_information .row > div:nth-of-type(2){
        padding-left: 0;
    }

    /* end */

    .section_header {
        max-width: 100%;
    }

    #products .slide > a{
        flex-direction: column;
    }

    #products .slide-image{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 32px;
    }
}

#ccm-tooltip-holder {
    display: none;
}

    /*
        Media on device
        range between 901 and 1300px
    */


    /*
        Media on device
        range between 1301 and 1500px
    */


    /*
        Media on device
        range between 1501 and 1880px
    */


    /*
        Media on device
        range min 1881px
    */