* {
	margin: 0;
	padding: 0;
}
html,
body {
	height: 100%;
    position: relative;
}

img {
    width: 100%;
}

.header {
    position: fixed;
    z-index: 100;
    height: 70px;
    width: 100%;
    background-color: #131313;
}

.header .content {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    height: 100%;
}

.header-logo {
    width: 174px;
    height: 40px;
}

.home-icon {
    width: 25px;
    margin: 0 auto;
}

.navigation {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 70%;

    color: white;
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    

}

.navigation a {
    transition-duration: 0.3s;
    text-decoration: none;
}
.navigation a:visited{
    color: white;
}



.navigation-request {
    border: 1px solid white;
    border-radius: 20px;
    padding: 10px 40px;

}

.navigation-request:hover {
    border: 3px solid #0065F6;
    
}

.navigation a:hover {
    color: #0065F6;

}

.burger {
    width: 30px;
    height: 30px;
    margin-right: 20px;
    display: none;
}
.burger img {
    width: 100%;
    height: 100%;
}

.block {
    width: 100%;
    padding: 15px 0;
    background-color: #f5f5f5;
}
.block_gray {
    background-image: url(/cubix/img/f.png);
    background-size: cover;
    
    
}

.block_blue {
    background-image: url(/cubix/img/f2.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    
}

.block_white {
    background-color: white;
}

.content{
    max-width: 1162px;
    width: 100%;
    margin: 0 auto;
    
    position: relative;
}

.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    position: relative;
}

.flex_list {
    display: flex;
    align-content: stretch;
    align-items: stretch;
    justify-content: space-around;
    flex-wrap: wrap;
}

.flex_list_1 {
    display: flex;
    align-content: stretch;
    align-items: stretch;
    justify-content: space-around;
    flex-wrap: wrap;
}

.card {
    background-color: white;
    border-radius: 20px;
    margin-top: 10px;
}

.card_m {
    background-color: white;
    border-radius: 20px;
}

.card_blue {
    background-color: #0065F6;
    border-radius: 20px;
    padding: 30px;

    margin-top: 30px;

    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    font-family: 'SF UI Display', sans-serif;

}

.card_gray {
    background-color: #f5f5f5;
    border-radius: 10px;
}

.padding20 {
    padding: 20px;
}

.padding_70 {
    padding-top: 70px;
}

.margin-top50 {
    margin-top: 50px;
}

.margin-top30 {
    margin-top: 30px;
}

.height354 {
    height: 354px;
}

.block_560 {
    max-width: 45%;
}

.block_458 {
    max-width: 458px;
}

.padding_50 {
    padding-top: 35px;
}

.micro-image {
    width: 40px;
}

.block-header {
    font-family: 'SF UI Display', sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 35px;
}

.block-header_noBold {
    font-weight: normal;
    margin-bottom: 17px;
    width: 100%;
}

.block-text {
    font-size: 1.5rem;
    font-family: 'SF UI Text', sans-serif;
}

.block-text-bold {
    font-family: 'SF UI Display', sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
}

.block-text_blue {
    color: #0065F6;
    font-weight: bold;
}

.block-image {
    max-width: 551px;
    height: auto;
}

.block-image img {
    width: 100%;
}

.list-cards {
    padding: 30px 0;
    max-width: 1162px;
    width: 100%;
    margin: 0 auto;
}

.list-cards div {
    width: 30%;
    background-color: white;
    padding: 10px;
    margin: 5px;

    display: grid;
    grid-template-columns: 40px auto;
    grid-template-rows: 30px auto;
    grid-template-areas: "icon header" "x text"
}

.list-cards div img {
    grid-area: icon;
    width: 25px;
}

.list-cards div h3 {
    grid-area: header;

    font-size: 1.25rem;
    font-family: 'SF UI Display', sans-serif;
    font-weight: bold;
}

.list-cards div span {
    grid-area: text;

    font-size: 1.em;
    font-family: 'SF UI Text', sans-serif;
}

.block_716 {
    max-width: 716px;
}

.block_716 div {
    /*margin-bottom: 35px;*/
}

.block-blue {
    width: 95%;
    padding: 10px;
    background-color: #0065F6;
    border-radius: 10px 10px 10px 0px;

    font-size: 1.25rem;
    color: white;
    font-family: 'SF UI Text', sans-serif;
}

.evalution-managment {
    margin-top: 0px;
}

.evalution-managment div div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;

    font-size: 1rem;
    font-family: 'SF UI Display', sans-serif;
    font-weight: bold;
    text-align: center;
}

.evalution-managment div {
    margin: 0px;
}

.evalution-managment .block-header {
    margin-bottom: 15px;
}

.evalution-managment div div img {
    width: 25px;
    height: 45px;
    margin: 5px auto 31px auto;
}

.evalution-managment div div span {
    bottom: 0px;
}

.evalution-managment .final-image {
    width: 74px;
    height: 74px;
    margin: 0px auto 10px auto;
}

.block_422 {
    max-width: 402px;
    padding: 10px;
}

.block_422 div {
    margin-bottom: 25px;
}

.block-ul {
    list-style-image: url(/cubix/img/marker-flag.svg);
    margin-top: 33px;
    margin-left: 25px;

}

.block-ul li {
    margin-bottom: 35px;
    padding-left: 23px;
    width: 95%;
}

.block-black {
    font-size: 1.25rem;
    color: white;
    font-family: 'SF UI Text', sans-serif;
    text-align: center;
    
    /*max-width: 254px;
    padding: 24px calc((100% - 254px) / 2);*/
    max-width: 100%;
    padding: 24px 0;
    background-color: black;
    border-radius: 10px 0 10px 0;
}

.industries {
    justify-content: space-around;
}

.industries div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 20%;
    margin: 0 5px 60px 5px;
    padding: 15px;

    font-size: 1rem;
    font-family: 'SF UI Text', sans-serif;
    text-align: center;

}

.industries div img {
    margin-bottom: 10px;
    width: 25px;
    height: 40px;
}

.small-text {
    font-size: 1rem;
    font-family: 'SF UI Text', sans-serif;
    max-width: 502px;
    margin: 17px 0;
}

.flex-image {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.chart1 {
    max-width: 360px;
    padding: 10px;
}

.chart2 {
    max-width: 744px;
    max-height: 568px;
}

.chart2_min {
    display: none;
    max-width: 360px;
}

.chart2 img {
    width: 100%;
}

.chart3 {
    position: relative;
    font-size: 1rem;
    font-family: 'SF UI Text', sans-serif;
    width: 460px;
    height: 360px;
}

.chart3 div {
    z-index: 2;
}

.chart3-img {
    width: 350px;
    position: absolute;
    right: 0;
    z-index: 0;
}

.chart3-img img {
    width: 100%;
}

.chart3-t1 {
    left: 30px;
    position: relative;
}
.chart3-t2 {
    left: 15px;
    top: 40px;
    position: relative;
    width: 134px;
}
.chart3-t3 {
    left: 0px;
    top: 50px;
    position: relative;
    width: 134px;
}
.chart3-t4 {
    left: 0px;
    top: 75px;
    font-weight: bold;
    position: relative;
}
.chart3-t5 {
    left: 0px;
    top: 85px;
    position: relative;
    max-width: 200px;
}

.image_big {
    margin: 10px auto;
    width: 95%;
}

.chart-arrow {
    max-width: 120px;
    margin: 0 10px;
}

.chart4 {
    max-width: 406px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.chart4 h3 {
    font-size: 1.25rem;
    font-family: 'SF UI Display', sans-serif;
    font-weight: bold;
    text-align: center;
    max-width: 220px;
    margin-bottom: 20px;
}

.ul-lightning {

    font-family: 'SF UI Text', sans-serif;
    font-size: 1.25rem;
}

.ul-lightning ul {
    margin-top: 33px;
    margin-left: 25px;
    list-style: none;
}

.ul-lightning ul li {
    padding-left: 15px;
    width: 90%;
    margin-bottom: 35px;
    
    background-image: url(/cubix/img/lightning.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 1rem;
    padding-left: 30px;
}

.block_506 {
    max-width: 45%;
}

.cubix {
    position: relative;
    overflow: hidden;
}

.advantages_1 {
    position: relative;
    z-index: 1;
    padding: 150px 0;
}

.cubix-img {
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: -15px;
    height: 100%;
    width: auto;
}

.advantages_1 h2 {
    font-size: 4rem;
    font-family: 'SF UI Display', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    color: white;
}

.advantages_1 h3 {
    font-size: 2rem;
    font-family: 'SF UI Display', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
    color: white;
}

.advantages_1 span {
    font-size: 1.5rem;
    font-family: 'SF UI Text', sans-serif;
    font-weight: bold;
    color: white;
}

.chart5 {
    max-width: 585px;
    padding: 20px 0;
}
.chart5_min {
    display: none;
    margin: 0 auto;
    width: 90%;
}

.block-list{
    max-width: 560px;
    background-color: white;
    border-radius: 10px;

}

.block-list-header {
    background-color: #0065F6;
    color:white;
    font-size: 1.5rem;
    font-family: 'SF UI Display', sans-serif;
    border-radius: 10px 10px 0 0;
    padding: 10px;
    
}

.block-list-header_black {
    background-color: black;
}

.cubix-img {
    right: 0;
    bottom: 0;
    max-height: 657px;
}

.ul-small {
    font-size: 1.25rem;
    font-family: 'SF UI Text', sans-serif;
    margin-left: 20px;
}


.function {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.function_white {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    background-color: #f5f5f5;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}

.function-header {
    width: 100%;
    margin: 38px 0;
    background-color: white;
    padding: 5px 0;
    display: flex;
    justify-content: flex-end;
}

.function-header .function-content {
    font-size: 2rem;
    text-transform: uppercase;
    right: 0;
    font-family: 'SF UI Display', sans-serif;
}

.function-content {
    margin-right: 10px;
    width: 572px;

    font-size: 1.25rem;
    font-family: 'SF UI Display', sans-serif;
    font-weight: bold;
}

.function-content ul {
    margin-left: 20px;
}

.function-content ul li {
    margin-bottom: 35px;
    padding-left: 10px;
}

.function-content ul li span {
    font-size: 1.25rem;
    font-family: 'SF UI Text', sans-serif;
    font-weight: normal;
    margin-top: 12px;
    display: block;
}

.function_blue {
    background-color:#0065F6;
    display: flex;
    justify-content: space-between;
    width: 50%;
    align-items: center;
}

.function-decorBlock {
    width: 254px;
    margin-right: 10px;
}

.function-screen {
    max-width: 496px;
}

.function-screen img {
    width: 100%;
}

.btn-blue {
    background-color: #0065F6;
    padding: 20px;
    border-radius: 25px;
    
    display: inline-block;
    
}

.text-white {
    color: white;
}

.text-blue {
    color: #0065F6;
}

.display-bold-18 {
    font-size: 1.25rem;
    font-family: 'SF UI Display', sans-serif;
    font-weight: bold;
}

.text-18 {
    font-size: 1.25rem;
    font-family: 'SF UI Text', sans-serif;
}

.card-text_bold {
    display: block;
    margin: 35px 0;

    font-size: 1.25rem;
    font-weight: bold;
    font-family: 'SF UI Display', sans-serif;
}

.padding-top40px {
    padding-top: 40px;
}


.card-support {
    width: 25%;
    padding: 20px;
    margin: 5px;
}

.card-support span {
    display: inline-block;
    margin: 10px 0;
}

.card-process {
    width: 25%;
    min-height: 198px;
    padding: 20px;
    margin: 0 5px 30px 5px;
}

.card-process .btn-blue {
    font-size: 1.25rem;
    font-family: 'SF UI Display', sans-serif;
    color: white;
    font-weight: bolder;
    margin-bottom: 30px;
}

.our-clients {
    width: 100%;
    margin-top: 50px;
}

.our-clients_min {
    width: 90%;
    margin: 20px auto 0 auto;
    display: none;
}


.form {
    max-width: 457px;
    margin-left: 20px;
    
}

.display-bold-24 {
    font-size: 1.5rem;
    font-family:  'SF UI Display', sans-serif;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 20px;
}

.icon-and-text {
    font-weight: normal;
}

.icon-and-text img {
    height: 20px;
    width: auto;
    margin-right: 20px;
}

.all-rights-reserved {
    color: #AFAFAF;
    font-size: 0.875rem;
    font-family: 'Lato', sans-serif;
    font-weight: bold;

    width: 100%;
    margin-top: 30px;
    background-color: white;
    padding: 15px 0;
    display: flex;
    justify-content: flex-end;
}

.certificats {
   position: relative;
   display: flex;
   flex-wrap: wrap;

}

.certificats-img {
    position: absolute;
    right: 150px;
    width: 321px;
}

.cer1 {
    position: absolute;
    z-index: 0;
    width: 300px;
    height: 455px;
    top: 0;
    left: 0;
}

.cer2 {
    position: absolute;
    z-index: 1;
    width: 300px;
    top:0;
    left: 150px;
}

.cer img {
    width: 100%;
}

.certificats-content {
    width: 57%; 
    padding: 20px;
}

.certificats-list {
    display: flex;
    align-content: stretch;
    align-items: stretch;
    justify-content: space-around;
    flex-wrap: wrap;
    position: relative;
}

.certificats-list-card {
    width: 22%;
    height: 100px;
    
    border-radius: 20px;
    border: 3px solid #0065F6;
    margin: 0 5px 20px 5px;
    
    position: relative;
}

.certificats-list-card div img {
    height: 15px;
    max-width: 25px;
    margin: 3px;
}

.certificats-list-card-content {
    display: flex;
    justify-content: center;
    align-items: center;

    height: 70px;

    font-size: 0.75rem;
    font-family: 'SF UI Text', sans-serif;
    text-align: center;
    color:#0065F6;

    position: relative;

}

.certificats-list-card-header {
    background-color: #0065F6;
    border-radius: 20px;
    color: white;
    width: 100%;
    height: 30px;

    font-size: 0.75rem;
    font-family: 'SF UI Text', sans-serif;
    text-align: center;

    position: relative;
    bottom: 0;

    display: flex;
    justify-content: center;
    align-items: center;
}

.rungs {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: row;

    height: 398px;
}

.rungs-block {
    background-color: white;
    border-radius: 20px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin: 5px;
    width: 24%;

}

.rungs-block div {

}

.rungs-block div img {
    height: 25px;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}

.rungs-block div h2 {
    font-size: 2rem;
    font-family: 'SF UI Display', sans-serif;
    text-align: center;
    font-weight: bold;
    margin-top: 35px;
}

.rungs-block span {
    bottom: 0;
    text-align: center;
    font-size: 0.875rem;
    font-family: 'SF UI Text', sans-serif;
    color: #5F5F5F;
    position: relative;
    display: block;

}

.rungs-blue-block {
    background-color: #0065F6;
    padding: 6px;
    border-radius: 10px 10px 10px 0;
    margin-bottom: 20px;

    font-size: 0.875rem;
    color: white;
    font-family: 'SF UI Text', sans-serif;

    display: flex;
    align-items: center;

}

.rungs-blue-block h2 {
    font-size: 2rem;
    font-family: 'SF UI Display', sans-serif;
    margin-right: 6px;
}

.rungs-80 {
    height: 100%;
}

.rungs-45 {
    height: 85%;
}

.rungs-25 {
    height: 70%;
}

.rungs-10 {
    height: 55%;
}

.rungs-end {
    height: 40%;
}

.ecosystem-img_min {
    display: none;
}

#block-for-slider {
    width: 90%;
    margin: 0 auto;
    display: none;
}

#viewport {
    width: 100%;
    display: table;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#slidewrapper {
    position: relative;
    width: 200%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

#slidewrapper ul, #slidewrapper li {
    margin: 0;
    padding: 0;
}

#slidewrapper li {
    width: 50%;
    list-style: none;
    display: inline;
    float: left;
}

#slide-img {
    width: 100%;
}

.all-rights-reserved_1 {
    display: none;

    color: #AFAFAF;
    font-size: 0.875rem;
    font-family: 'Lato', sans-serif;
    font-weight: bold;

    width: 100%;
    background-color: white;
    padding: 15px 0;
    text-align: center;
}

.function_blue img {
    margin-left: 20px;
}

@media screen and (max-width: 1650px) {
    .function-decorBlock {
        width: 191px;
        height: 283px;
        margin-left: 10px;
    } 
    .function_blue {
        width: 50%;
    }
}

@media screen and (max-width: 1400px) {
    .function-decorBlock {
        display: none;
    }
   
}

@media screen and (max-width: 1200px) {
    .function-decorBlock {
        display: none;
    }

    .function-content {
       width: 95%;
        margin-left: 30px;
    }

    .certificats-img {
        /*position: static;
        width: 100%;*/

    }

    .certificats-content {
        max-width: 50%;
    }


    .flex {
        justify-content: center;
    }
}

@media screen and (max-width: 992px) {
    
    .burger {
        display: block;
    }

    .content{
        margin: 0 auto;
        width: 96%;
    }

    .card_m {
        margin-top: 20px;
    }

    .flex {
        justify-content: center;
    }

    .flex-image {
        flex-direction: column;
    }

    .chart-arrow {
        transform: rotate(90deg);
        margin: 0;
        margin-bottom: 10px;
    }
    
    .function_white {
        width: 100%;
        align-items: center;
        display: block;
    }
    .function_blue{
        width: 100%;
        justify-content: center;
    }
    .function_blue img {
        margin-left: 0;
    }
    

    .function-header {
        justify-content: center;
        max-width: 100%;
        display: block;
    }

    .function-screen {
        max-width: 90%;
        margin: 10px auto;
    }
    
    .flex {
        display: block;
        width: 100%;
        max-width: 100%;
    }
    
    .block-header {
        max-width: 100%;
        width: 100%;
    }
    
    .block-list, .block_422, .block_716, .block_560, .block_458, .block_422, .small-text    {
        max-width: 95%;
        width: 95%;
        margin: 10px auto;
    }
    
    .card_blue {
        max-width: 90%;
        width: 90%;
    }

    .block-image {
        margin: 10px auto;
    }

    .block-black {
        max-width: 90%;
        padding: 25px;
        margin: 10px auto;
    }

    .chart5 {
        margin: -30px auto 0 auto;
        
    }

    .header {
        height: 40px;
    }
    .padding_70 {
        padding: 0;
    }

    .header-logo {
        height: 28px;
        width: 126px;
        margin-left: 20px;
    }
    
    .navigation {
        top: 40px;
        background-color: #131313;
        flex-direction: column;
        position: absolute;
        
        display: none;
        
        transition: .3s;
        width: 100%;
    }
    .navigation a {
        display: block;
        margin: 10px auto;
        width: 100%;
        text-align: center;
        color: white;
        font-size: 1.6rem;

    }

    .navigation-request {
        border: none;
        padding: 0;
    }

    .header-logo:hover + .navigation, .navigation:hover {
        display: flex;
    } 

    .header .content {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        justify-content: space-between;
    }

    .certificats-img {
        position: static;
        max-width: 100%;
        width: 100%;
        display: flex;
        justify-content: space-around;
        left: 0;
        right: auto;
        top: 0;
        flex-wrap: wrap;
    }
    .cer1 {
        position: static;
    }
    .cer2{
        position: static;

    }

    .certificats-content {
        width: 100%;
        max-width: 100%;
    }

    .ul-lightning ul li {
        /*background-size: 1rem;
        padding-left: 50px;*/
    }

    .icon-and-text {
        height: 40px;
    }

    .advantages_1 {
        padding: 30px 0;
    }

    .form {
        margin: 20px auto;
    }

    .all-rights-reserved {
        display: none;
    }
    .all-rights-reserved_1 {
        display: block;
    }

}

@media screen and (max-width: 930px) {
    .list-cards div {
        width: 43%;
        margin: 5px 2%;
    }
    .list-cards div:last-child {
        width: 96%;
    }

    .function-header .function-content {
        font-size: 1.25rem;
    }

    .function-content {
        font-size: 1rem;
    }
}

@media screen and ( max-width: 830px) {
    .block_506 {
        max-width: 40%;
        width: 40%;
    }
}

@media screen and ( max-width: 767px) {
    .card-support {
        width: 40%;
    }

    .certificats-list-card {
        width: 30%;
    }

    .card-process {
        width: 40%;
    }
    
    .block {
        background-color: white;
        padding: 15px 0;
    }
    .block_gray {
        background-color: #f5f5f5;
        background-image: none;
    }
    .g-w {
        background-color: white;
        width: 100%;
    }
    .w-g {
        background-color: #f5f5f5;
    }
    .q-w {
        background-color: white;
    }
    .q-w .card {
        background-color: #f5f5f5;
        padding: 15px;
        border-radius: 10px;
    }
    .q-w .card div {
        margin-bottom: 10px;
    }
    .block_blue {
        background-image: none;
        background-color: #0065F6;
        padding: 0;
    }
    
   

    .list-cards {
        background-color: #f5f5f5;
    }

    .block-blue {
        font-size: 1.3rem;
        padding: 20px;
        width: 92%;
    }

    .block-black {
        font-size: 1.3rem;
    }

    .evalution-managment {
        display: none;
    }
    
    .industries div {
        width: 30%;
    }

    .cubix-img {
        display: none;
    }
   
    .block-header {
        font-size: 1.5rem;
        margin-bottom: 25px;
    }

    .block-text {
        font-size: 1.25rem;
        margin-bottom: 25px;
    }

    .function-decorBlock {
        display: none;
    }

    .function-content{
        width: 95%;
        margin: 0 15px;
    }
    .flex {
        width: 100%;
    }

    

    .block-image, .chart3, .chart4, .chart5 {
        max-width: 90%;
        width: 90%;
        margin: 10px auto;
        height: auto;
    }

    .cubix-img {
        display: block;
        position: relative;
        height: auto;
        width: 100%;
        margin-bottom: -15px;
    }

    .rungs {
        flex-direction: column;
        align-items: flex-end;
        height: auto;
        width: 100%;
    }

    .rungs-block {
        flex-direction: row;
        justify-content: flex-start;
    }

    .rungs-block div {
        display: flex;
        align-items: center;
        margin-right: 15px;
    }

    .rungs-block div h2 {
        margin-top: 0;
    }

    .rungs-80 {
        width: 96%;
    }
    
    .rungs-45 {
        width: 85%;
    }
   
    
    .rungs-25 {
        width: 70%;
    }
    
    .rungs-10 {
        width: 50%;
    }

    .rungs div:last-child {
        width: 95%;
        margin-top: 20px;
    }
    

    .chart2, .image_big {
        display: none;
    }
    .chart2_min {
        display: block;
        margin: 0 auto;
    }

    .block_506 {
        margin: 0 auto;
        padding: 0;
        background-color: #f5f5f5;
        width: 100%;
        max-width: 100%;
    }

    .block_506 .ul-lightning, .block-list .ul-lightning {
        width: 100%;
        max-width: 100%;
    }

    .block_506 .ul-lightning ul, .block-list .ul-lightning ul {
        
        width: 100%;
        margin: 0;
    }
    
    .block-list {
        background-color: #f5f5f5;
    }

    .block_506 .ul-lightning ul li, .block-list .ul-lightning ul li {
        display: block;
        background-color: white;
        border-radius: 20px;
        padding: 20px;
        width: 80%;
        margin: 15px auto;
        
        background-position: 20px center;
        background-size: 25px 40px;
        padding-left: 60px;
        
    }

    .chart5 {
        display: none;
    }
    .chart5_min {
        display: block;
    }

    .advantages_1 h2 {
        font-size: 3.75rem;
    }

    .ul-small li {
        margin-bottom: 20px;
        font-size: 1rem;
    }

    .certificats-img {
        display: none;
    }

    #block-for-slider {
        display: block;
    }
}

@media screen and (max-width: 670px) {
    .list-cards div {
        width: 96%;
        margin: 5px 2%;
    }
    .list-cards div:last-child {
        width: 96%;
    }
    
    .card-support {
        width: 100%;
    }
    .card-process {
        width: 90%;
    }

    .rungs-block div img {
        display: none;
    }

    .rungs-block div h2 {
        color:#0065F6;
    }
    .rungs-block div h2 span {
        font-size: 1.4rem;
    }

    .rungs-80 {
        width: 95%;
    }
    
    .rungs-45 {
        width: 95%;
    }
   
    
    .rungs-25 {
        width: 95%;
    }
    
    .rungs-10 {
        width: 95%;
    }

    .rungs-blue-block {
        width: 95%;
    }
    
}

@media screen and (max-width: 520px) {
    .certificats-list-card {
        width: 45%;
    } 

    .our-clients {
        display: none;
    }
    .our-clients_min {
        display: block;
    }

    .form {
        max-width: 95%;
        margin: 10px auto;
    }

}

@media screen and (max-width: 420px) {
    

    .block-header {
        font-size: 1.25rem;
        padding: 0;
    }

    .ul-lightning ul li, .block_506 .ul-lightning ul li, .block-list .ul-lightning ul li {
        width: 65%;
    }

    .card .ul-lightning ul {
        margin: 0;
    }

    .card .ul-lightning ul li {
        background-image: none;
        padding: 15px;
        width: 90%;
    }

    .block-black {
        font-size: 1rem;
    }

    .block-blue {
        font-size: 1rem;
        
    }

    .block-text {
        font-size: 1rem;
    }
    
    .ecosystem-img_big {
        display: none;
    }
    .ecosystem-img_min {
        display: block;
    }

    .block-ul {
        margin-top: 25px;
    }
    .block-ul li {
        margin-bottom: 18px;
        padding-left: 15px;
    }

    .card-process {
        width: 95%;
        margin: 0 auto 10px auto;
    }
    
    /*.flex_list {
        display: block;
    }
    .flex_list > div {
        width: 95%;
    } 

    .cubix-img {
        display: none;
    }*/

    .card_blue {
        font-size: 1rem;
        width: 80%;
        max-width: 80%;
    }
    .list-cards div {
        width: 90%;
        margin: 5px auto;
    }
    .list-cards div:last-child {
        width: 90%;
    }

    .industries div {
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        padding: 20px;
        background-color: white;
        margin-bottom: 25px;
    
    }

    .industries div img {
        margin-bottom: 0;
        margin-right: 20px;
    }

    .industries div span {
        font-size: 1rem;
        text-align: left;
    }

    .advantages_1 h2 {
        font-size: 3.4rem;
    }
    .advantages_1 h3 {
        font-size: 1.6rem;
    }
    .advantages_1 span {
        font-size: 1.2;
    }

    .function-header .function-content h2 {
        font-size: 1.25rem;
    }

}

@media screen and (max-width: 350px) {
    .certificats-list-card {
        width: 90%;
    } 
}

.test {
    display: none;
}