/*-------Стили обнуления-----*/

*{
    outline: none!important;
    box-sizing: border-box!important;
}

body {
    font-family: 'Inter';
    background: #191B1D;
    overflow-y: scroll;
    padding-right: 0 !important;
}
p {
    color: #191B1D;
    margin: 0 0;
}
ul {
    margin: 0 0;
    padding: 0 0;
}


li {

    margin: 0 0;
    list-style: none;
}
a {
    color: #191B1D;
    transition: 0.5s;
}
a:hover {
    text-decoration: none;
    color: #191B1D;
}
/*-----icoomon----*/
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon/icomoon.eot?nxavwz');
    src:  url('../fonts/icomoon/icomoon.eot?nxavwz#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.ttf?nxavwz') format('truetype'),
    url('../fonts/icomoon/icomoon.woff?nxavwz') format('woff'),
    url('../fonts/icomoon/icomoon.svg?nxavwz#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
    content: "\e900";
}

/*------------------------*/

.container {
    width: 1160px;
    margin: 0 auto;
}
.servicesContainer {
    width: 1440px !important;
    max-width: 1440px !important;
}
/*-------Шапка сайта-----*/
header {
    position: relative;
    z-index: 2;
    top: 0;
    background: #B7BABE;
    margin-bottom: -2px;
}
.headerTop {
    display: flex;
    align-items: center;
    padding: 50px 0;
    justify-content: space-between;
}
.headerLogo {
    width: 28%;
}
.headerLogo p {
    font-weight: 800;
    font-size: 16px;
    line-height: 19px;
    color: #191B1D;
}
.headerLogo p span {
    font-weight: 200;
    font-size: 34.8515px;
    line-height: 42px;
    letter-spacing: -0.07em;
    color: #191B1D;
    margin-right: 3px;
}
.headerLogoNew p {
    font-weight: 800;
    font-size: 16px;
    line-height: 19px;
    color: #191B1D;
}
.headerLogoNew p span {
    font-weight: 200;
    font-size: 34.8515px;
    line-height: 42px;
    letter-spacing: -0.07em;
    color: #191B1D;
    margin-right: 3px;
}
.headerMenu {
    width: 40%;
}
.headerMenu ul {
    display: flex;
    list-style: none;
}
.headerMenu ul li {
    list-style: none;
}
.headerMenu ul li a {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #191B1D;
    margin-right: 30px;
    position: relative;
}
.headerMenu ul li a:hover {
    color: #FFFFFF;
}
.headerMenu ul li a:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -5px;
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%);
    height: 2px;
    width: 0;
    transition: 0.5s;
    opacity: 0;
}
.headerMenu ul li a:hover:before {
    width: 100%;
    opacity: 1;
}
.headerInfo {
    width: 32%;
}
.headerInfo {
    display: flex;
    align-items: center;
}
.headerInfoButton {
    margin-left: 40px;
}
.headerInfoButton a {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 12px 32px;
    background: #191B1D;
    border-radius: 100px;
}
.headerInfoButton a:hover {
    color: #191B1D;
    background: #FFFFFF;
}
.headerInfo ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
}
.headerInfo ul li a:hover {
    color: #191B1D;
}
.mainBlockDown {
    display: flex;
    width: 80px;
    height: 80px;
    align-items: center;
    background: #FFF;
    justify-content: center;
    border-radius: 50%;
    font-size: 30px;
    bottom: 120px;
    left: 100px;
    position: absolute;
    transition: 0.5s;
}
.mainBlockDown:hover {
    background: #191B1D;
    color: #FFF;
}

/*------Страницы---------*/

.tick  .row:nth-child(even){animation-direction:reverse;}




.infinite-item {
    display: inline-flex;
    align-items: flex-start;
    font-family: 'Inter';
    font-weight: 700;
    color: #FFFFFF;
    font-size: 132px;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
    flex-direction: column;
}
.infinite-item span.fortio1 {
    color: #fff;
    display: block;
}

.infinite-item span.fortio2 {
    color: #191B1D;
    display: block;
    margin: 0 0 0 110px;
}


.up_slider{
    position: relative;
}

.up_slider .owl-dots{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 5%;
    bottom: 20%;
    z-index: 5;
}
.up_slider .owl-dots .owl-dot{
    margin: 3px;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 2px !important;
}
.up_slider .owl-dots .owl-dot span{
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 10px;
}
.up_slider .owl-dots .owl-dot.active{
    border: 1px solid #fff;
}
.up_slider .owl-dots .owl-dot.active span{

}

.mainAboutBlock{
    height:800px;
    justify-content: center;
    align-items: flex-end;
}
.mainAboutSubtitle p{
    margin-bottom:30px;
}

/*------Страницы---------*/
#mpage {
    position: relative;
}
.mainBlock {
    height: 648px;
    background: #B7BABE;
    overflow: hidden;
    position: relative;
}
.mainTitleAnim {
    position: absolute;
    left: 190px;
    width: 200%;
    top: 58px;
}
.mainTitleAnim h1 {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 150px;
    line-height: 182px;
    color: #FFFFFF;
}
.mainTitleAnim h1 span {
    color: #191B1D;
}
.mainPostTitle {
    font-family: 'Inter';
    font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    color: #FFFFFF;
    position: absolute;
    bottom: 114px;
    left: 220px;
}
.mainPostTitle h2 {
    font-weight: 800;
}
.mainServices {
    background: #191B1D;
    padding: 200px 0;
    position: relative;
    z-index: 2;
}
.mainServicesBlock {
    display: flex;
    justify-content: space-between;
}
.mainBlockSubtitle {
    width: 23.5%;
    position: relative;
}
.mainBlockSubtitle h3 {
    font-weight: 400;
    font-size: 19px;
    line-height: 140%;
    color: #B7BABE;
}
.mainBlockSubtitle:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%);
    top: 25px;
}
.mainServicesInfo {
    width: 45.1%;
}
.mainServicesInfo p {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #B7BABE;
    margin-bottom: 10px;
}
.mainServicesInfo ul li {
    margin-bottom: 10px;
}
.mainServicesInfo ul li a {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
}
.mainServicesInfo ul li a:hover {
    color: #B7BABE;
}
.mainServicesBlock:nth-child(1) {
    margin-bottom: 98px;
}
/*------------------------*/
.mainAbout {
    padding: 0 0;
    background: #191B1D;
    position: relative;
}
.mainAboutInfoBg {
    position: absolute;
    right: 0;
    top: -584px;
}
.mainAboutBlock {
    display: flex;
    justify-content: space-between;
}
.mainAboutInfoBg {
    position: absolute;
}
.mainAboutSubtitle h3 {
    font-weight: 400;
    font-size: 19px;
    line-height: 140%;
    color: #B7BABE;
    position: relative;
}
.mainAboutSubtitle h3:before {
    position: absolute;
    content: '';
    width: 260px;
    height: 2px;
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%);
    top: 25px;
}
.aboutUppercase {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #B7BABE;
    padding-top: 50px;
}
.mainAbout h4 {
    font-family: 'Inter';
    font-weight: 700;
    font-size: 50px;
    line-height: 1.15em;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.aboutInfo {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
}
.mainAboutSubtitle {
   /* width: 54.5%;
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;*/
    
        width: 100%;
    max-width: 1000px;
    display: flex;
    padding: 10px 0;
    justify-content: space-between;
    flex-wrap: wrap;
    
}
.mainAboutBlock .mainAboutSubtitle {
    padding-top: 0 !important;
    min-height: 95%;
}
.mainAboutInfo {
    width: 45.5%;
}
.mainAboutInfo img {
    width: 500px;
}
.mainAboutSubtitle p {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1em;
    color: #B7BABE;
}
.mainAboutSkeap {
    display: flex;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 16px !important;
    color: #FFFFFF !important;
    align-items: center !important;
    padding-bottom: 60px;
}
.mainAboutSkeap img {
    width: 15px;
    height: 9px;
    margin-left: 10px;
}
.mainAboutLink a {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #191B1D;
    border-radius: 100px;
    padding: 12px 32px;
    display: inline-block;
    margin-bottom: 20px;
}
.mainAboutLink a:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #191B1D;
}
/*----------------------------*/
.mainPartners {
    background: #B7BABE;
    padding: 100px 0 150px 0;
}
.mainPartnersTitle h3 {
    position: relative;
    font-weight: 400;
    font-size: 19px;
    line-height: 140%;
    color: #191B1D;
}
.mainPartnersTitle h3:before {
    position: absolute;
    content: '';
    width: 260px;
    height: 2px;
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%);
    top: 25px;
}
.mainPartnersOwl {
    padding-top: 50px;
}
/*---------------------------------*/
.mainCase {
    padding: 100px 0 87px 0;
}
.mainCaseTitle h3 {
    font-weight: 400;
    font-size: 19px;
    line-height: 140%;
    color: #B7BABE;
    position: relative;
    width: 30%;
}
.mainCaseTitle h3:before {
    position: absolute;
    content: '';
    width: 260px;
    height: 2px;
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%);
    top: 25px;
}
.mainCaseTitle {
    display: flex;
}
.mainCaseTitle ul {
    display: flex;
    border-bottom: none;
}
.mainCaseTitle ul li {
    margin-right: 10px;
}
.mainCaseTitle ul li a {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #B7BABE;
    border: 1px solid #B7BABE;
    border-radius: 5px;
    padding: 5px 20px;
}
.mainCaseTitle ul li a:hover {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #191B1D;
}
.mainCaseTitle ul li .active {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #191B1D;
}

a.mainCaseOwlItem{
    width: 660px;
    display: block;
    margin: 0 auto;
}

.mainCaseOwlItem img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.item_grt{

}




.mainCaseOwl {
    margin-top: 60px;
}
.mainCaseOwlItem h4 {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom: 12px;
}
.mainCaseOwlItem p {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #B7BABE;
    position: relative;
    margin-left: 25px;
}
.mainCaseOwlItem p:before {
    content: '';
    width: 5px;
    height: 5px;
    background: #B7BABE;
    position: absolute;
    left: -15px;
    top: 9px;
    border-radius: 50%;
}
/*---------------------*/
.mainMission {
    background: #B7BABE;
    padding: 200px 0;
}
.mainMissionTitle span {
    position: relative !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 140% !important;
    color: #191B1D !important;
    width: 260px !important;
    display: inline-block;
    margin-right: 110px;
}
.mainMissionTitle span:before {
    position: absolute !important;
    content: '' !important;
    width: 260px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%) !important;
    top: 25px !important;
}
.mainMissionTitle p {
    font-weight: 800;
    font-size: 60px;
    line-height: 120%;
    color: #191B1D;
    display: inline-block !important;
}
/*--------------------------*/
.mainContact {
    padding: 200px 0 250px 0;
}
.mainContactTitle h3 {
    font-weight: 400;
    font-size: 19px;
    line-height: 140%;
    color: #B7BABE;
    position: relative;
    width: 30%;
    margin-bottom: 100px;
}
.mainContactTitle h3:before {
    position: absolute;
    content: '';
    width: 260px;
    height: 2px;
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%);
    top: 25px;
}
.mainContactInfo {
    text-align: center;
}
.mainContactInfo a {
    font-family: 'Inter';
    font-weight: 800;
    font-size: 100px;
    line-height: 121px;
    color: #FFFFFF;
}
.mainContactLink {
    margin-top: 62px;
    text-align: center;
    border-radius: 50%;
    text-align: center;
    border: double 10px transparent;
    border-radius: 83px;
    background-image: linear-gradient(#191B1D, #191B1D), linear-gradient(to right, #25A5E6, #0D3ECC);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.mainContactLink a {
    font-family: 'Inter';
    font-weight: 800;
    font-size: 100px;
    line-height: 121px;
    color: #FFFFFF;
}
/*---------------------------*/
.mainFooter {
    background: #B7BABE;
    padding-top: 200px;
    position: relative;
}
.mainFooterTitle h3 {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #191B1D;
}
.mainFooterTitle h3:before {
    position: absolute;
    content: '';
    width: 260px;
    height: 2px;
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%);
    top: 25px;
}
.mainFooterInfo {
    margin-top: 110px;
    margin-bottom: 190px;
}
.mainFooterInfo ul {
    display: flex;
    justify-content: center;
}
.mainFooterInfo ul li {
    margin: 0 35px;
}
.mainFooterInfo ul li a {
    font-family: 'Inter';
    font-weight: 800;
    font-size: 50px;
    line-height: 61px;
    color: #191B1D;
    position: relative;
}
.mainFooterInfo ul li a:before {
    content: '';
    height: 3px;
    width: 100%;
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%);
    position: absolute;
    bottom: -5px;
    left: 0;
    opacity: 0;
}
.mainFooterInfo ul li a:hover {
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.mainFooterInfo ul li a:hover:before {
    opacity: 1;
}
.mainFooterCopyright ul {
    display: flex;
    margin-bottom: 40px;
}
.mainFooterCopyright ul li {
    margin-right: 300px;
}
.mainFooterCopyright ul li a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
}
.headerMini {
    display: none;
}
.mainTitleAnim h1 br {
    display: none;
}
.headerMobile {
    display: none;
}
p.aboutInfo {
    color: #fff;
}

.mobileMenu {
    width: 250px;
    height: 100%;
    position: fixed;
    top: 0;
    right: -250px;
    z-index: 100;
    background: #B7BABE;
    transition: 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.mobileMenuActive {
    right: 0;
}
.bodyOverlay {
    /* background: black !important; */
    position: relative;
}
.bodyOverlay {
    position: fixed;
    content: '';
    background: #00000073;
    width: 100%;
    height: 100%;
    z-index: 0;
    /*top: 0;*/
    display: block;
}
.bodyOverlayActive {
    z-index: 11;
}
.mobileMenuClose {
    position: absolute;
    right: 30px;
    top: 30px;
}
.mobileMenuLogo {
    margin-top: 80px;
    margin-left: 30px;
}
.mobileMenuLogo .headerLogo {
    width: 100%;
}
.mobileMenuList {
    margin-left: 40px;
    margin-top: 30px;
}
.mobileMenuList ul li {
    margin-bottom: 20px;
}
.mobileMenuList ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #191B1D;
}
.mobileMenuBottom {
    text-align: center;
    padding: 10px;
}
.mobileMenuLink {
    margin-bottom: 20px;
}
.mobileMenuLink a {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 12px 32px;
    background: #191B1D;
    border-radius: 100px;
    display: block;
}
.mobileMenuPhone {
    margin-bottom: 20px;
}
.mobileMenuPhone a {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #191B1D;
}
.mobileMenuEmail {
    margin-bottom: 40px;
}
.mobileMenuEmail a {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #191B1D;
}
.aboutPage {
    background: #070707;

}
.aboutBackTwo {
    width: 85%;
    height: auto;
    margin: -30px auto 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0;
}
.aboutBlockInfo {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 6;
}
.aboutBlockInfoLeft {
    width: 100%;
    margin-bottom: 30px;
}
.aboutBlockInfoRight {
    width: 100%;
}
.aboutInfoTitle {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
    color: #B7BABE;
    margin-top: 50px;
    margin-bottom: 30px;
}
.aboutInfoSubtitle {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    line-height: 37px;
    color: #FFFFFF;
}
.aboutBlockInfoRight ul {
    margin-top: 200px;
}
.aboutBlockInfoRight ul li {
    margin-bottom: 90px;
}
.aboutBlockInfoRight ul li a {
    display: inline-block;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    border: 1px solid #fff;
    padding: 10px 30px;
    border-radius: 100px;
    margin-bottom: 20px;
}
.aboutBlockInfoRight ul li p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
}
.aboutPageBlock {
    position: relative;
}
.aboutBackOne {
    position: absolute;
    width: 100%;
    height: 1440px;
    z-index: 1;
}
.aboutBlockInfoBottom {
    width: 100%;
}
.aboutBlockInfo {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 6;
    flex-wrap: wrap;
}
.aboutBlockInfoBottom {
    width: 100%;
    position: relative;
    margin-top: 10px;
    margin-bottom: 500px;
}
.aboutBlockInfoBottom:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px !important;
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%) !important;
}
.aboutBlockInfoBottomText h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-size: 50px;
    line-height: 61px;
    color: #FFFFFF;
    width: 60%;
    position: absolute;
    top: 50px;
    left: 100px;
}
.aboutBlockInfoBottomText p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    width: 50%;
    position: absolute;
    top: 130px;
    left: 400px;
}
.aboutBlockInfoBottomText a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-size: 50px;
    line-height: 61px;
    color: #FFFFFF;
}
.aboutBlockInfoBottomText .mainContactLink {
    top: 210px;
    left: 300px;
    background: rgba(255, 255, 255, 0);
    border: 1px solid #fff;
}
/*-----------Price----------*/

.pricePage {
    background: #1e1e1ef8;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    padding-bottom: 30px;
}

.singlePageService {
    background: #1e1e1ef8;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    padding-bottom: 30px;
}
.pricePageTop {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pricePageTop .nav-tabs {
    border-bottom: 1px solid #dee2e600;
}
.pricePageTop .nav-tabs li a {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #B7BABE;
    border: 1px solid #B7BABE;
    border-radius: 5px;
    padding: 5px 20px;
}
.pricePageTop .nav-tabs li .active {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #191B1D;
}
.pricePageTop .nav-tabs li a:hover {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #191B1D;
}
.pricePageTop .nav-tabs li {
    margin-left: 15px;
}

.priceInfoTitle {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    padding: 50px 0;
    position: relative;
}
.priceInfoSubtitle {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #B7BABE;
    padding-bottom: 10px;
    position: relative;
}
.priceList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 50px;
    position: relative;
    z-index: 2;
}
.priceItem {
    padding: 40px;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: inset 1px 2px 2px rgba(255, 255, 255, 0.25), inset -1px -1px 2px rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.priceItemOne {
    width: 32.8%;
}
.priceItemTwo {
    width: 66.4%;
}
.priceItemInfo h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.priceInfoCount {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.priceInfoDay {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.priceInfoText {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
}
.priceInfoText p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
}
.priceInfoText li {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
    margin-bottom: 7px;
}
.priceInfoList li {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
    margin-bottom: 7px;
}
.priceItemButton a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50px;
    display: block;
    padding: 12px 12px;
}
.priceItemInfo {
    margin-bottom: 35px;
}
.priceItemTwo .priceItemButton a{
    display: inline-block;
    padding: 12px 92px;
}
.priceInfoCount span {
    text-decoration: line-through;
}
/*---------cases---------------*/

.casesPage {
    background: #F5F5F5;
    position: relative;
}
.casesPageHead {
    display: flex;
    padding-top: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid #B7BABE;
    margin-bottom: 30px;
    align-items: center;
}
.casesPageHead ul {
    display: flex;
    margin-left: 200px;
}
.casesPageHead ul li {
    margin-right: 30px;
}
.casesPageHead ul li a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #B7BABE;
    position: relative;
    transition: 0.5s;
}
.casesPageHead ul li a:hover {
    color: #191B1D;
}
.casesPageHead ul li a:hover:before {
    width: 100%;
}
.casesPageHead ul li a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%) !important;
    bottom: -28px;
    transition: 0.5s;
}
.casesPageHead ul li a.active {
    color: #191B1D;
}
.casesPageHead ul li a.active:before {
    width: 100%;
}
.casesPageItem {
    width: 100%;
    height: auto;
    position: relative;
}
.casesPageItem img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    max-height: 200px;
}

.page_nav{
    margin-bottom: 35px;
}

.casesPageItemTitle {
    padding: 10px 10px 10px;

    opacity: 0.9;
    width: 100%;
    bottom: 30px;
    display: flex;

    flex-direction: column;
}

.casesPageItemTitle h2{
    font-size: 24px;
    /*text-shadow: 0 0 6px #fff;*/
    color: #fff;

}

.casesPageItemTitle p{
    display: block;
    line-height: 1.2;
    font-size: 14px;
    color: #fff;
}



.casesPageItemTitle h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 150%;
    color: #FFFFFF;
    width: 70%;
    margin-bottom: 0 !important;
}
.casesPageList {
    padding-bottom: 100px;
    display: grid;
    grid-template: auto / 25fr 25fr 25fr;
    grid-gap: 40px;
}
.casesTabsMobile {
    display: none;
    flex-wrap: wrap;
    position: relative;
}
.casesTabsMobileList {
    width: 100%;
    height: auto;
    padding: 20px 20px 0 20px;
    position: absolute;
    background: #fff;
    z-index: 2;
    border-radius: 10px;
    top: 51px;
    display: none;
}
.casesPageHead .casesTabsMobileList ul li a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #191B1D;
}
.casesPageHead .casesTabsMobileList ul li {
    margin-bottom: 20px;
}
.casesPageHead .casesTabsMobileList  ul {
    display: block !important;
}
.caseItemPage .mainContact {
    background: #191B1D;
}
.caseItemPage {
    background: #fff;
    position: relative;
}
.caseTitle {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    color: #B7BABE;
    padding-top: 30px;
}
.caseSubTitle {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    color: #191B1D;
    padding-bottom: 30px;
}
.caseImageOne {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
.caseItemInfo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.caseItemInfoList {
    margin-bottom: 50px;
}
.caseItemInfoList:nth-child(1) {
    width: 45.1%;
}
.caseItemInfoList:nth-child(2) {
    width: 45.1%;
}
.caseItemInfoList:nth-child(3) {
    width: 70%;
}
.caseItemInfoList h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 61px;
    color: #191B1D;
    margin-bottom: 20px;
}
.caseItemInfoList p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: #191B1D;
}
.caseCount {
    background: #191B1D;
    padding: 150px 0;
    margin-bottom: 150px;
}
.caseCountBlock h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 100px;
    line-height: 121px;
    color: #FFFFFF;
}
.caseCountBlock p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 61px;
    color: #B7BABE;
}
.caseCountList {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.caseCountBlock:nth-child(3) {
    margin-top: 150px;
}
.caseCountBlock {
    text-align: center;
    padding: 0 70px;
}
.caseMobTitle p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 61px;
    color: #B7BABE;
    margin-bottom: 50px;
}
.caseMob {
    display: flex;
    justify-content: space-between;
    margin-bottom: 150px;
}
.caseMobLeft {
    width: calc(100% - 290px);
}
.caseMobLeft .inought1{
    border-radius: 20px;
    box-shadow: inset 0 4px 4px 0 rgba(255, 255, 255, 0.25);
    height: 538px;
    width: 100%;
    overflow-y: scroll;
    border: 3px solid #000;
}


.caseMobLeft img {
    width: 100%;
}
.caseMobRight {
    width: 260px;
}
.caseMobRight .inought2{
    border-radius: 20px;
    box-shadow: inset 0 4px 4px 0 rgba(255, 255, 255, 0.25);
    height: 538px;
    width: 100%;
    overflow-y: scroll;
    border: 3px solid #000;
}


/* width */
.caseMobLeft .inought1::-webkit-scrollbar,
.caseMobRight .inought2::-webkit-scrollbar{
    width: 0px;
}

/* Track */
.caseMobLeft .inought1::-webkit-scrollbar-track,
.caseMobRight .inought2::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px transparent;
    border-radius: 10px;
}

/* Handle */
.caseMobLeft .inought1::-webkit-scrollbar-thumb,
.caseMobRight .inought2::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 0px;
}

/* Handle on hover */
.caseMobLeft .inought1::-webkit-scrollbar-thumb:hover,
.caseMobRight .inought2::-webkit-scrollbar-thumb:hover {
    background: transparent;
}












.caseMobRight img {
    width: 100%;
}
.servicesPage {
    background: #1E1E1E;
    position: relative;
}
.servicesTitle {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #B7BABE;
    padding: 50px 0;
}
.servicesList {
    position: relative;
    margin-bottom: 200px;
}
.servicesListHoverImage img {
    top: 0;
    height: 410px;
    width: auto;
    right: 270px;
    position: absolute;
    display: none;
    transition: 0.5s;
}
.servicesList ul {
    border-top: 2px solid #000;
}
.servicesList ul li {
    border-bottom: 2px solid #000;
    transition: 0.5s;
}
.servicesList ul li p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 61px;
    color: #FFFFFF;
    padding: 20px 60px 20px 0;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: center;
    transition: 0.5s;
}

.servicesSmm:hover{
    background: #B7BABE;
}
.servicesSmm:hover p{
    color: #191B1D;
}

.servicesSmm:hover .servicesItemImgBlack {
    opacity: 1;
}
.servicesSmm:hover .servicesItemImgWhite {
    opacity: 0;
}
.servicesSmm:hover .servicesItemImgBlack {
    opacity: 1;
}



.servicesListActive {
    background: #B7BABE;
}
.servicesListActive p {
    color: #191B1D;
}
.servicesListActive .servicesItemImgBlack {
    opacity: 1;
}
.servicesListActive .servicesItemImgWhite {
    opacity: 0;
}
.servicesList ul li img {
    height: 70px;
    width: auto;
    right: 142px;
    position: absolute;
    transition: 0.5s;
}
.servicesListActive .servicesItemImgBlack {
    opacity: 1;
}
img.servicesItemImgBlack {
    opacity: 0;
}

.shadowModl{
    position: fixed;
    z-index: 11;
    right: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.68);
    display: none;
}

.shadowModl.open{
    display: block;
}


.servicesModal {
    width: 1440px;
    height: 1025px;
    position: fixed;
    right: 0;
    top: 0;
    background: #FFFFFF;
    z-index: 12;
    display: none;
}

.servicesModal.open{
    display: block;
}


.servicesModalLeft {
    background: #5A84FF;
    padding: 50px 40px;
    width: 27%;
}
.servicesModalLeft h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 45px;
    color: #FFFFFF;
}
.servicesModalLeft p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
}
.servicesModalLeftLink {
    margin-top: 40px;
}
.servicesModalLeftLink p:nth-child(1) a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    border: 1px solid #191B1D;
    border-radius: 100px;
    padding: 12px 32px;
    margin-bottom: 15px;
    background: #191B1D;
}
.servicesModalLeftLink p:nth-child(2) a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 12px 32px;
    margin-bottom: 15px;
}
.servicesModalRight {
    padding: 50px 40px;
    width: 73%;
}
.servicesModalRight h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
    color: #191B1D;
    position: relative;
    display: inline-block;
}
.servicesModalRight h4:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%);
    bottom: -4px;
    left: 0;
}
.servicesModalRight ul {
    margin-left: 25px;
}
.servicesModalRight ul li {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #191B1D;
    list-style: disc;
    margin-bottom: 10px;
}
.servicesModalRight p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #191B1D;
    list-style: disc;
    margin-bottom: 10px;
}
.servicesModalRight section {
    margin-bottom: 50px;
}
.servicesModalClose {
    position: absolute;
    right: 300px;
    top: 30px;
    cursor: pointer;
}

.massage_hide{
    display: none;
    width: 100%;
    height: 44px;
    left: 50px;
    top: 700px;
    background: linear-gradient(90deg, #4be625 0%, #238010 100%);
    border-radius: 100px;
    color: #FFFFFF;
    font-size: 20px;
    border: none;
    text-align: center;
    padding: 7px;
}


.show_desctop{

}

.show_modal{
    display: none;
}



.servicesModalBlock {
    display: flex;
    height: 100%;
}
.mainPartnersOwlItem {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid gray;
    border-radius: 90px;
    height: 290px;
    padding: 5px;
    width: 290px;
}
.mainPartnersOwlItem img {
    width: 150px !important;
    height: auto;
}
.modalBackground img {
    width: 100%;
}
.modal-header {
    position: absolute;
    right: 5px;
}
.modal-header {
    padding: 0 !important;
}
.modal-header .close {
    font-size: 40px;
}
.modal-header .close {
    padding: 0 !important;
    margin: 0 !important;
}
.modal-header {
    border-bottom: 1px solid #e9ecef00;
}
button.close {
    outline: none !important;
}
.modal-body {
    padding: 20px 50px !important;
}
.modal-body h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 100%;
    color: #191B1D;
    margin-bottom: 20px;
}
.modal-body .modal-body-posttitle {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 20px;
}
.modal-body form input {
    width: 100%;
    height: 44px;
    border: 1px solid #B7BABE;
    border-radius: 100px;
    outline: none;
    margin-bottom: 10px;
    color: #B7BABE;
    padding: 0 20px;
    font-size: 20px;
}
.modal-body form button {
    width: 100%;
    height: 44px;
    left: 50px;
    top: 700px;
    background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%);
    border-radius: 100px;
    color: #FFFFFF;
    font-size: 20px;
    border: none;
    cursor: pointer;
}
.modal-body form label p {
    font-size: 12px;
    line-height: 15px;
    color: #999999 !important;
}
.modal-body form label {
    display: flex;
    margin-top: 11px;
    justify-content: center;
}
.modal-body form label input {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.pricePageBgTop img {
    width: 100%;
    position: absolute;
}
.pricePageBgBot img {
    transform: rotate(180deg);
    width: 100%;
    position: absolute;
    top: 1700px;
}
.mainTitleAnim {
    display: none;
}





.inreter{
    padding: 50px 0 0;
}

.inreter .priceInfoSubtitle{

}

.wrap_uslugi{
    display: grid;
    grid-template: auto / 25fr 25fr 25fr;
    grid-gap: 10px;
    width: 100%;
}

.wrap_uslugi{


}
.wrap_uslugi .priceItem{
    width: 100%;
    min-width: auto;
    max-width: none;
    padding: 20px;
}
.wrap_uslugi .priceItemInfo h4 {
    font-size: 24px;
}

.class_relative{
    position: relative;
    color: #FFFFFF;
}

.class_relative .pricePage .{
    box-shadow: 4px 4px 0px 1400px rgb(0 0 0 / 45%) inset;
}
.singlePageService{
    box-shadow: 4px 4px 0px 1400px rgb(0 0 0 / 45%) inset;
}
.baneriche{
    padding: 75px 0;
    width: 100%;
    box-shadow: 4px 4px 0px 1400px rgb(0 0 0 / 50%) inset;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fitest{
    max-width: 700px;
    width: 100%;
}
.fitest h1{
    margin-bottom: 1.5vw;
    line-height: 110%;
    font-weight: 800;
    font-size: 3.8vw;
}

.fitest p{
    color: #fff;
    font-family: Inter;
    font-weight: 500;
    line-height: 1.1em;
    font-size: 1.5vw;
}

.fitest a{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50px;
    display: block;
    padding: 12px 12px;
    max-width: 150px;
    margin-top: 1.5vw;
}

.dopert{

    padding: 80px 0;
}

.advantages__wrapper{
    display: grid;
    grid-template: auto / 25fr 25fr 25fr;
    grid-gap: 40px;
}
.advantages__wrapper .item{

}
.advantages__wrapper .item .item_top{
    display: flex;
}
.advantages__wrapper .item .item_top img{
    height: auto;
    width: 55px;
}

.advantages__wrapper .item .item_top span{
    margin-left: 20px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
}

.advantages__wrapper .item p{
    color: #fff;
    font-weight: 500;
    line-height: 1.2em;
    font-size: 17px;
    margin: 25px 0 0 0;
}


.compas_wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px 0;
}
.compas_wrap .left_wrap{
    width: 65%;
    padding-right: 50px;
}
.compas_wrap .left_wrap h4{
    font-size: 2rem;
    margin-bottom: 50px;
}
.compas_wrap .left_wrap .content_osn{

}
.compas_wrap .left_wrap .content_osn p{
    margin: 0 0 15px 0;
    color: #fff;
    font-weight: 500;
    line-height: 1.2em;
    font-size: 17px;
}
.compas_wrap .left_wrap .content_osn a{

}
.compas_wrap .right_wrap{
    width: 35%;
}
.compas_wrap .right_wrap img{
    width: 100%;
}


.contenter{
    padding: 50px 0;
}
.contenter h2{
    margin-bottom: 30px;
}
.contenter img{
    border-radius: 15px;
    width: 100%;
    display: block;
}


.contenter .content_fold{
    margin-top: 50px;
}
.contenter .content_fold p{
    color: #FFFFFF;
    margin-bottom: 10px;
}
.contenter .content_fold a{
    color: #fff;
    text-decoration: underline;
}
.contenter .content_fold a:hover{
    color: #d5d5d5;
    text-decoration: none;
}
.contenter .content_fold strong{

}
.contenter .content_fold span{

}

.contenter .content_fold ul{
    padding-left: 20px;
    margin-bottom: 15px;
}
.contenter .content_fold ul li{
    list-style: disc;
    padding-left: 0;
}
.contenter .content_fold ol{
    padding-left: 20px;
    margin-bottom: 15px;
}

.contenter .content_fold ol li{
    list-style: decimal;
    padding-left: 0;
}


































































@media screen and (max-width: 1800px) {
    .aboutBlockInfoBottom {
        margin-bottom: 470px;
    }

    .mainPartnersOwlItem {
        height: 260px;
        width: 260px;
    }

}
@media screen and (max-width: 1700px) {
    .aboutBlockInfoBottom {
        margin-bottom: 420px;
    }
    .mainBlockDown {
        left: 100px;
    }

    .mainPartnersOwlItem {
        height: 250px;
        width: 250px;
    }

}
@media screen and (max-width: 1600px) {
    .aboutBlockInfoBottom {
        margin-bottom: 380px;
    }
    .mainBlockDown {
        left: 100px;
    }

    .mainPartnersOwlItem {
        height: 240px;
        width: 240px;
    }

    .infinite-item{
        font-size: 110px;
    }



}
@media screen and (max-width: 1541px) {
    .mainBlockDown {
        bottom: 80px;
        left: 100px;
    }
    .mainPostTitle {
        bottom: 80px;
    }
    .mainPartnersOwlItem img {
        width: 100%;
    }
    .mainMissionTitle span {
        margin-right: 170px;
    }
    .mainContactLink {
        width: 85%;
        margin: 60px auto 0 auto;
    }
    .aboutBlockInfoRight ul li {
        margin-bottom: 60px;
    }
    .servicesModal {
        width: 1200px;
        height: auto;
    }
    .servicesModalLeft {
        background: #5A84FF;
        padding: 35px 30px;
        width: 25%;
    }
    .servicesModalClose {
        right: 100px;
    }
    .servicesModalRight {
        padding: 35px 30px;
    }
    .servicesModalRight section {
        margin-bottom: 30px;
    }
    .servicesModalRight ul li {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .servicesModalRight p {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .mainPartnersOwlItem {
        height: 245px;
        width: 245px;
    }


}
@media screen and (max-width: 1490px) {
    .mainBlockDown {
        left: 100px;
        bottom: 85px;
    }

    .mainPartnersOwlItem {
        height: 230px;
        width: 230px;
    }
    a.mainCaseOwlItem{
        width: 560px;
        display: block;
        margin: 0 auto;
    }

}
@media screen and (max-width: 1421px) {
    .mainBlockDown {
        left: 100px;
    }




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

    .servicesList ul li p {
        font-size: 40px;
        padding: 20px 110px 20px 0;
    }

    .mainTitleAnim h1 {
        font-size: 110px;
    }
    .mainBlockDown {
        width: 80px;
        height: 80px;
        font-size: 30px;
        bottom: 80px;
        left: 100px;
        font-size: 26px;
    }
    .mainPostTitle {
        bottom: 75px;
    }
    .aboutUppercase {
        padding-top: 30px;
    }
    .mainAbout h4 {
        font-size: 50px;
        line-height: 1.15em;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .mainAboutInfo img {
        width: auto;
        height: 600px;
        position: absolute;
        bottom: 0;
    }
    .mainAboutInfoBg {
        position: absolute;
        right: 0;
        top: -250px;
        width: 1000px;
    }
    .mainAboutBlock .mainAboutSubtitle {
        height: 600px;
    }
    .mainContactInfo a {
        font-size: 80px;
        line-height: 90px;
    }
    .mainContactLink a {
        font-size: 80px;
    }
    .mainContactLink {
        width: 75%;
    }
    .mainMissionTitle p {
        font-size: 50px;
        line-height: 110%;
    }
    .mainBlock {
        height: 540px;
    }
    .aboutBlockInfoRight ul {
        margin-top: 180px;
    }
    .aboutBlockInfoRight ul li p {
        font-size: 14px;
    }
    .aboutBlockInfoBottomText .mainContactLink a {
        font-size: 45px;
    }
    .servicesContainer {
        width: 100% !important;
        max-width: 1340px !important;
    }
    .servicesModalRight h4 {
        font-size: 26px;
    }
    .servicesModalRight ul li {
        font-size: 16px;
    }
    .servicesModalRight p {
        font-size: 16px;
    }

    .servicesList ul li img {
        right: 10px;
    }








}
@media screen and (max-width: 1271px) {
    .mainPostTitle {
        right: 340px;
    }

    a.mainCaseOwlItem{
        width: 500px;
        display: block;
        margin: 0 auto;
    }

}
@media screen and (max-width: 1241px) {
    .mainPostTitle {
        right: 300px;
    }
}
@media screen and (max-width: 1201px) {
    .mainTitleAnim h1 {
        font-size: 100px;
    }
    .mainPostTitle {
        bottom: 73px;
        right: 250px
    }
    .mainServicesInfo ul li a {
        font-size: 18px;
        line-height: 18px;
    }
    .mainServicesInfo ul li {
        margin-bottom: 8px;
    }
    .mainAboutInfo img {
        height: 580px;
    }
    .mainAbout h4 {
        width: 500px;
    }
    .mainAboutSubtitle {
        padding-top: 60px;
    }
    .mainMissionTitle span {
        margin-right: 100px;
    }

    .mainMission {
        padding: 130px 0;
    }
    .mainContact {
        padding: 130px 0 150px 0;
    }
    .mainFooter {
        padding-top: 130px;
    }
    .mainServices {
        padding: 130px 0;
    }
    .aboutBlockInfoBottomText .mainContactLink {
        left: 285px;
    }
    .servicesContainer {
        width: 100% !important;
        max-width: 100% !important;
    }
    .servicesModalLeft h4 {
        font-size: 36px;
        line-height: 40px;
    }
    .servicesModal {
        width: 100%;
    }
    .mainPartnersOwlItem {
        height: 220px;
        width: 220px;
    }


    .infinite-item {
        font-size: 90px;
    }




}
@media screen and (max-width: 1140px) {
    .mainPostTitle {
        right: 220px;
    }
}
@media screen and (max-width: 1110px) {
    .mainPostTitle {
        right: 200px;
    }
    .mainBlockDown {
        left: 100px;
    }
    a.mainCaseOwlItem {
        width: 430px;
    }
    .mainCaseOwlItem h4 {
        font-size: 22px;
        line-height: 26px;
    }



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

    .headerTop {
        flex-wrap: wrap;
    }
    .headerMenu ul {
        justify-content: flex-end;
    }
    .headerInfo {
        justify-content: flex-end;
    }
    .header {
        display: none;
    }
    .headerMini {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .headerMiniRight {
        display: flex;
        flex-direction: column;
        width: 60%;
        justify-content: flex-end;
    }
    .headerMiniRight div {
        display: flex;
    }
    .headerMiniRight div:first-child {
        justify-content: flex-end;
        margin-bottom: 25px;
    }
    .headerMiniRight div:first-child ul li {
        margin-right: 20px;
    }
    .headerMiniRight div:first-child ul li a{
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        color: #FFFFFF;
    }
    .headerMiniRight div:last-child {
        justify-content: center;
    }
    .headerMiniRight div:last-child ul li {
        margin: 0 25px;
    }
    .headerMiniRight div:last-child ul li a {
        font-weight: 600;
        font-size: 16px;
        line-height: 140%;
        color: #191B1D;
        position: relative;
    }
    .headerMiniRight div:last-child ul li a:before {
        position: absolute;
        content: '';
        left: 0;
        bottom: -5px;
        background: linear-gradient(90deg, #25A5E6 0%, #0D3ECC 100%);
        height: 2px;
        width: 0;
        transition: 0.5s;
        opacity: 0;
    }
    .headerMiniRight div:last-child ul li a:hover {
        color: #FFFFFF;
    }
    .headerMiniRight div:last-child ul li a:hover:before {
        width: 100%;
        opacity: 1;
    }
    .headerMiniRight div ul {
        display: flex;
    }
    .headerLogo {
        width: 20%;
    }
    .headerInfoButton {
        margin-left: 0;
    }
    header {
        padding: 35px 0;
    }
    .mainTitleAnim h1 {
        font-size: 115px;
        text-align: center;
        line-height: 100px;
    }
    .mainTitleAnim {
        position: inherit;
        left: 0;
        width: 100%;
        top: 0;
    }
    .mainTitleAnim h1 br {
        display: block;
    }
    .mainBlockDown {
        left: 100px;
    }
    .mainPostTitle {
        bottom: 75px;
        right: 150px;
    }
    .mainBlock {
        height: 560px;
    }
    .mainServicesInfo ul li {
        margin-bottom: 30px;
    }
    .aboutUppercase {
        padding-top: 50px;
    }
    .mainAboutSubtitle p {
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        color: #FFFFFF;
        width: 470px;
    }
    .mainAbout h4 {
        width: 470px;
    }
    .mainMissionTitle span {
        margin-right: 220px;
    }
    .mainMissionTitle p {
        font-size: 60px;
        line-height: 110%;
    }
    .mainContactInfo a {
        font-size: 100px;
    }
    .mainContactLink a {
        font-size: 100px;
    }
    .mainContactLink {
        width: 100%;
    }
    .mainFooterCopyright ul li {
        margin-right: 250px;
    }
    .aboutInfoSubtitle {
        font-size: 25px;
        line-height: 27px;
    }
    .aboutInfoTitle {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .aboutBlockInfoRight ul {
        margin-top: 150px;
    }
    .aboutBlockInfoRight ul li {
        margin-bottom: 30px;
    }
    .priceItem {
        padding: 30px;
    }
    .priceItemInfo h4 {
        font-size: 26px;
        line-height: 30px;
    }
    .casesPageHead ul {
        display: flex;
        margin-left: 100px;
    }
    .casesPageItem {
        height: 568px;
        background-size: cover !important;
    }
    .casesPageItemTitle h4 {
        width: 90%;
    }
    .casesPageItemTitle {
        bottom: 8px;
    }
    .caseItemInfoList:nth-child(3) {
        width: 100%;
    }
    .caseCountBlock {
        padding: 0 25px;
    }
    .servicesList ul li img {
        right: 0;
    }
    .servicesModalClose {
        right: 50px;
    }
    .servicesListHoverImage {
        display: none !important;
    }
    .servicesModalLeft p {
        font-size: 20px;
    }
    .servicesModalLeft h4 {
        font-size: 26px;
        line-height: 26px;
    }
    .servicesModalRight h4 {
        font-size: 23px;
    }
    .mainTitleAnim {
        display: block;
    }
    .infinite-container {
        display: none !important;
    }


    .infinite-item {
        font-size: 70px !important;
        margin-top: 6vh !important;
    }




}
@media screen and (max-width: 1000px) {
    .mainBlockDown {
        left: 100px;
    }
    .mainPostTitle {
        right: 135px;
    }



}
@media screen and (max-width: 950px) {
    .mainBlockDown {
        left: 100px;
    }
}
@media screen and (max-width: 910px) {
    .mainBlockDown {
        left: 100px;
    }
}
@media screen and (max-width: 880px) {
    .mainBlockDown {
        left: 50px;
    }
    .mainPostTitle {
        left: 160px;
    }

    .infinite-item {
        font-size: 60px !important;
        margin-top: 6vh !important;
    }


}
@media screen and (max-width: 769px) {
    .headerMini {
        display: none;
    }
    body {
        padding-top: 0 !important;
    }
    .container {
        padding-right: 20px;
        padding-left: 20px;
        width: 100%;
        max-width: 100%;
    }
    .headerLogo {
        width: 30%;
        margin-right: 84px;
    }
    .headerMobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .headerLinkIcon img {
        fill: #5046e5;
    }
    .headerLink ul {
        display: flex;
        align-items: center;
    }
    .headerLinkIcon {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        border: 2px solid #000;
        border-radius: 50%;
    }
    .headerLinkIcon img {
        width: 20px;
        height: auto;
    }
    .headerLinkButton {
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #FFFFFF;
        padding: 12px 32px;
        background: #191B1D;
        border-radius: 100px;
    }
    .headerLinkButton:hover {
        color: #191B1D;
        background: #FFFFFF;
    }
    .headerLink li {
        margin-right: 10px;
    }
    .mainTitleAnim h1 {
        font-size: 76px;
        text-align: center;
        line-height: 76px;
    }
    .mainBlock {
        height: 558px;
    }
    .mainPostTitle {
        bottom: 200px;
        right: 80px;
    }
    .mainBlockDown {
        width: 80px;
        height: 80px;
        bottom: 80px;
        left: 75px;
        font-size: 30px;
    }
    .mainServicesInfo {
        width: 60%;
    }
    .mainServicesInfo ul li a {
        font-size: 20px;
    }
    .mainAboutInfo img {
        display: none;
    }
    .mainAboutInfoBg {
        display: none;
    }
    .mainAbout {
        margin-top: -5px;
    }
    .mainAboutInfo {
        display: none;
    }
    .mainAboutSubtitle {
        width: 100%;
    }
    .mainAboutSubtitle p {
        color: #B7BABE;
    }
    .mainAbout h4 {
        font-size: 60px;
        line-height: 55px;
        margin-bottom: 75px;
    }
    .mainAboutSubtitle p {
        width: 420px;
    }
    .mainAboutSubtitle {
        height: auto;
    }
    .aboutInfo {
        margin-bottom: 50px;
        color: #fff;
    }
    body {
        background: #191B1D !important;
    }
    .mainCaseTitle h3 {
        width: 80%;
        margin-right: 45px;
    }
    .mainCaseTitle ul {
        flex-wrap: wrap;
    }
    .mainCaseTitle ul li {
        margin-bottom: 15px;
    }
    .mainMissionTitle p {
        line-height: 100%;
    }
    .mainMissionTitle span {
        margin-right: 0;
        margin-bottom: 60px;
    }
    .mainMission {
        padding: 100px 0;
    }
    .mainContactInfo a {
        font-size: 60px;
    }
    .mainContactLink a {
        font-size: 60px;
    }
    .mainContactLink {
        border: double 5px transparent;
    }
    .mainContactLink {
        width: 100%;
        height: 110px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mainContact {
        padding: 100px 0 100px 0;
    }
    .mainFooterInfo ul {
        flex-direction: column;
        text-align: center;
    }
    .mainFooterInfo ul li {
        margin: 0 auto 40px auto;
    }
    .mainFooterInfo {
        margin-top: 60px;
        margin-bottom: 70px;
    }
    .mainFooterCopyright ul li {
        margin-right: 0;
    }
    .mainFooterCopyright ul {
        justify-content: space-between;
    }
    .container {
        width: 100%;
    }
    .aboutBlockInfoLeft {
        width: 100%;
    }
    .aboutBlockInfoRight {
        width: 100%;
    }
    .aboutBlockInfoRight ul {
        margin-top: 50px;
    }
    .aboutBackOne {
        height: auto;
    }
    .aboutBlockInfoBottomText h4 {
        font-size: 35px;
        line-height: 40px;
        left: 0;
    }
    .aboutBlockInfoBottomText p {
        font-size: 18px;
        line-height: 22px;
        color: #FFFFFF;
        width: 75%;
        top: 100px;
        left: 200px;
    }
    .aboutBlockInfoBottomText .mainContactLink {
        left: 80px;
        top: 164px;
        height: 70px;
    }
    .aboutBlockInfoBottomText .mainContactLink a {
        font-size: 30px;
    }
    .aboutBlockInfoBottom {
        margin-bottom: 400px;
    }
    div#preloader video {
        width: 100%;
    }
    .priceItemOne {
        width: 100%;
    }
    .priceItemTwo {
        width: 100%;
    }
    .priceItemButton a {
        display: inline-block;
        padding: 12px 92px;
    }
    .casesPageHead {
        flex-direction: column;
        align-items: flex-start;
    }
    .casesPageHead ul {
        margin-left: 0;
        justify-content: space-between;
        width: 100%;
    }
    .casesPageHead ul li {
        margin-right: 0;
    }
    .casesPageHead ul li a:before {
        bottom: -22px;
    }
    .casesPageItem {
        height: 374px;
        background-size: cover !important;
        background-position: center top !important;
    }
    .casesPageItemTitle h4 {
        font-size: 20px;
        line-height: 120%;
    }
    .casesPageItemTitle h4 {
        width: 100%;
    }
    .casesPageItemTitle {
        height: 95px;
        bottom: 5px;
    }
    .caseItemInfoList:nth-child(1) {
        width: 100%;
    }
    .caseItemInfoList:nth-child(2) {
        width: 100%;
    }
    .caseItemInfoList:nth-child(3) {
        width: 100%;
    }
    .caseCountList {
        justify-content: flex-start;
    }
    .caseCount {
        padding: 50px 0;
    }
    .caseCountBlock:nth-child(3) {
        margin-top: 0;
    }
    .caseCountBlock {
        padding: 0 0;
        text-align: left;
    }
    .servicesContainer .container {
        padding-right: 0;
        padding-left: 0;
    }
    .servicesModalBlock {
        flex-direction: column;
    }
    .servicesModalLeft {
        width: 100%;
    }
    .servicesModalLeftLink {
        margin-top: 40px;
        display: none;
    }
    .pricePageTop {
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    .pricePageTop .nav-tabs li:first-child {
        margin-left: 0;
    }
    .pricePageTop .nav-tabs {
        margin-bottom: 60px;
    }

    .servicesList ul li p {
        font-size: 24px;
        padding: 15px 65px 15px 0;
        line-height: 31px;
        font-weight: 500;
    }
    .servicesTitle {
        font-weight: 500;
        font-size: 24px;
        line-height: 29px;
        color: #B7BABE;
        padding: 45px 0 30px;
    }
    .servicesList {
        position: relative;
        margin-bottom: 100px;
    }


    .servicesModalLeft {
        padding: 30px 30px;
    }
    .servicesModalClose {
        right: 20px;
        top: 20px;
    }

    .servicesModalClose img{
        width: 30px;
    }
    .servicesModalRight h4 {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.2;
    }
    .servicesModalRight {
        padding: 30px 30px;
        overflow-y: scroll;
        height: calc(100vh - 123px);
    }




    .show_desctop{
        display: none;
    }

    .show_modal{
        display: block;
    }


    .servicesModalRight {
        width: 100%;
    }
    .servicesModalLeftLink p:nth-child(2) a{
        color: #000;
        border: 1px solid #000;
    }

    .caseMob {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 150px;
        flex-direction: column;
        align-items: center;
    }

    .caseMobLeft {
        width: 100%;
        margin-bottom: 30px;
    }
    .caseMobLeft .inought1 {
        height: 260px;
    }
    .caseMobRight {
        width: 100%;
    }
    .caseMobRight .inought2 {
        height: 260px;
    }

    .mainPartnersOwlItem {
        height: 165px;
        width: 165px;
        border-radius: 64px;
    }
    .mainPartnersOwlItem img {
        width: 80px !important;
        height: auto;
    }
    .infinite-item {
        font-size: 50px !important;
        margin-top: 6vh !important;
    }
    .infinite-item span.fortio2 {
        margin: 0 0 0 60px;
    }

    .mainAboutBlock {
        display: flex;
        justify-content: space-between;
        height: auto;
        padding-bottom: 100px;
    }
    .mainAboutSubtitle p {
        width: 100%;
        margin-bottom: 0;
    }

    .mainAbout h4 {
        font-size: 24px;
        line-height: 55px;
        margin-bottom: 50px;
        margin-top: 0;
    }

    .mainAboutSubtitle p.aboutInfo {
        font-weight: 500 !important;
    }

    .mainAboutBlock .mainAboutSubtitle {
        height: auto;
    }
    .mainAboutLink a {
        width: 100%;
        text-align: center;
        margin-top: 50px;
    }

    .mainServicesSliderItem {
        height: auto!important;
    }

    .mainAboutSkeap {
        display: flex;
        justify-content: center;
        padding-bottom: 10px;
    }

    .up_slider .owl-dots {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 5%;
        bottom: 26px;
        z-index: 5;
        left: 50%;
        transform: translate(-50%, 0%);
    }


    .up_slider .owl-dots .owl-dot {
        margin: 1px 5px;
        border: 1px solid transparent;
        border-radius: 10px;
        padding: 2px !important;
    }


    h2 {
        font-size: 24px;
    }
    .casesPageItemDesc {
        display: none;
    }
    .casesPageItemTitle {
        padding: 14px 20px;
        height: auto;
        height: auto;
        position: relative;
        bottom: auto;
        top: auto;
    }
    .casesPageList {
        grid-template: auto / 25fr 25fr;
    }
    a.casesPageItem {
        height: max-content;
    }

    .casesPageItemTitle p {
        display: none;
    }

}
@media screen and (max-width: 577px) {
    .container {
        padding-right: 25px;
        padding-left: 25px;
    }
    .mainPartnersOwlItem img {
        width: 100px !important;
        height: auto;
    }
    .mainPartnersOwlItem {
        border-radius: 55px;
        height: 160px;
    }
    .headerLogo p {
        font-size: 15px;
    }
    .headerLink ul li:nth-child(2) {
        display: none;
    }
    .headerLogo {
        width: 40%;
        margin-right: 0;
    }
    .mainTitleAnim h1 {
        font-size: 60px;
        text-align: center;
        line-height: 60px;
    }
    .mainPostTitle h2 {
        font-size: 24px;
        line-height: 26px;
    }
    .mainPostTitle {
        bottom: 170px;
        right: 70px;
    }
    .mainBlockDown {
        width: 80px;
        height: 80px;
        bottom: 40px;
        left: 75%;
        font-size: 25px;
    }
    .mainBlock {
        height: 460px;
    }
    .mainBlockSubtitle {
        width: 100%;
    }
    .mainServicesInfo {
        width: 100%;
    }
    .mainServicesBlock {
        flex-direction: column;
    }
    .mainBlockSubtitle {
        margin-bottom: 50px;
    }
    .mainCaseTitle {
        flex-direction: column;
    }
    .mainCaseTitle ul {
        flex-wrap: wrap;
        margin-top: 50px;
    }
    .mainMissionTitle p {
        line-height: 90%;
        font-size: 40px;
    }
    .mainContactInfo a {
        font-size: 40px;
        line-height: 50px;
    }
    .mainContactLink {
        height: 80px;
    }
    .mainContactLink a {
        font-size: 40px;
    }
    body {
        margin-bottom: -50px;
    }
    .aboutBlockInfoBottomText h4 {
        position: inherit;
        width: 90%;
        text-align: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .aboutBlockInfoBottomText p {
        font-size: 18px;
        line-height: 22px;
        color: #FFFFFF;
        width: 100%;
        top: 100px;
        left: 200px;
        position: inherit;
        text-align: left;
    }
    .aboutBlockInfoBottom {
        margin-bottom: 150px;
    }
    .priceItemInfo h4 {
        font-size: 24px;
    }
    .priceInfoCount {
        font-size: 24px;
    }
    .priceInfoDay {
        font-size: 18px;
    }
    .casesPageItem {
        height: 320px;
    }
    .casesPageItemTitle h4 {
        font-size: 16px;
    }
    .casesPageItemTitle {
        height: 128px;
    }
    .casesPageHead ul {
        display: none;
    }
    .casesTabsMobile {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    .casesPageItemTitle {
        bottom: 0;
    }
    .casesPageItem {
        margin-bottom: 80px;
    }
    .caseTitle {
        font-size: 20px;
    }
    .caseSubTitle {
        font-size: 20px;
    }
    .caseItemInfoList h4 {
        font-size: 24px;
        line-height: 26px;
    }

    .caseItemInfoList p {
        font-size: 16px;
        line-height: 140%;
    }

    .caseCountBlock h4 {
        font-size: 36px;
        line-height: 50px;
    }
    .caseCountBlock p {
        font-size: 24px;
        line-height: 24px;
    }
    .caseCountList {
        flex-direction: column;
    }
    .caseCountBlock {
        margin-bottom: 20px;
    }
    .caseCount {
        margin-bottom: 50px;
    }
    .caseMobTitle p {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 30px;
    }
    .modal-body {
        padding: 20px 20px !important;
    }
    .pricePageTop .nav-tabs {
        flex-wrap: wrap;
    }
    .pricePageTop .nav-tabs li {
        margin-left: 15px;
        margin-bottom: 15px;
        margin-left: 0;
        margin-right: 15px;
    }
    .infinite-item {
        font-size: 42px !important;
        margin-top: 6vh !important;
    }

    .mainMissionTitle p {
        line-height: 90%;
        font-size: 40px;
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .mainMissionTitle p {
        line-height: 1.2;
        font-size: 24px;
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .mainMissionTitle span {
        margin-right: 0;
        margin-bottom: 44px;
    }
    .caseItemInfoList ul li {
        font-size: 16px;
        line-height: 140%;
    }

    .casesPageItemTitle {
        padding: 14px 20px;
    }
    .casesPageList {
        grid-template: auto / 25fr ;
    }
    .casesPageItemTitle p {
        display: none;
    }

}
@media screen and (max-width: 501px) {
    a.headerLinkButton {
        display: none;
    }
    header {
        padding: 20px 0;
    }
    .headerLink {
        width: 50%;
        display: flex;
        justify-content: flex-end;
    }
    .headerLink li {
        margin-right: 8px;
    }
    .mainTitleAnim h1 {
        font-size: 50px;
        line-height: 47px;
    }
    .mainTitleAnim {
        top: 20px;
    }
    .mainPostTitle h2 {
        font-size: 24px;
        line-height: 29px;
        width: 90%;
    }
    .mainPostTitle {
        bottom: 110px;
        right: 50px;
    }
    .mainBlockDown {
        width: 50px;
        height: 50px;
        bottom: 50px;
        left: 80%;
        font-size: 20px;
    }
    .mainBlock {
        height: 418px;
    }
    .mainServices {
        padding: 100px 0;
    }
    .mainAbout h4 {
        font-size: 43px;
        line-height: 38px;
        margin-bottom: 50px;
        max-width: 100%;
    }
    .mainAboutSubtitle p {
        font-weight: 300;
        font-size: 18px;
    }
    .aboutInfo {
        font-size: 20px !important;
        font-weight: 600 !important;
        color: #FFFFFF !important;
    }
    .mainPartners {
        padding: 50px 0 50px 0;
    }
    .mainCase {
        padding: 50px 0 50px 0;
    }

    a.mainCaseOwlItem {
        width: auto;
    }
    .item_grt {
        padding: 0 15px;
    }

    .mainCaseOwlItem img {
        height: auto;
    }
    .mainCaseOwlItem h4 {
        font-size: 24px;
        line-height: 29px;
    }
    .mainMission {
        padding: 50px 0;
    }
    .mainMissionTitle p {
        line-height: 120%;
        font-size: 24px;
    }
    .mainMissionTitle p {
        display: flex !important;
        flex-direction: column;
    }
    .mainContactInfo a {
        font-size: 34px;
        line-height: 50px;
    }
    .mainContactTitle h3 {
        margin-bottom: 50px;
    }
    .mainContactLink a {
        font-size: 34px;
    }
    .mainContactLink {
        width: 85%;
        margin: 30px auto 0 auto;
    }
    .mainFooter {
        padding-top: 50px;
    }
    .mainFooterCopyright ul {
        flex-direction: column-reverse;
        text-align: center;
    }
    .mainFooterCopyright ul li a {
        margin-bottom: 20px;
        display: block;
    }
    .priceItemButton a {
        display: block;
        padding: 12px 12px;
    }
    .priceItemTwo .priceItemButton a {
        display: block;
        padding: 12px 12px;
    }
    .casesPageItemTitle {
        padding: 0 40px;
    }

    .mainPartnersOwlItem {
        height: 100px;
        width: 100px;
        border-radius: 45px;
    }
    .mainPartnersOwlItem img {
        width: 60px !important;
        height: auto;
    }
    .mainPartnersOwlItem {
        border-radius: 36px;
        height: 100px;
        margin: 0 auto;
    }

    .infinite-item {
        font-size: 36px !important;
        margin-top: 6vh !important;
        text-align: center;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    .infinite-item span.fortio2 {
        margin: 0 0 0 0px;
    }
    span.fert {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .mainPostTitle h2 {
        width: 100%;
        font-weight: 500;
    }
    .mainPostTitle {
        bottom: 7vh !important;
    }


    .mainCaseOwlItem h4 {
        font-size: 20px;
        line-height: 25px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .casesPageItemTitle {
        padding: 14px 20px;
        height: auto;
    }
    .casesPageList {
        grid-template: auto / 25fr;
    }
    .casesPageItemTitle p {
        display: none;
    }
}
@media screen and (max-width: 415px) {
    .casesPageItemTitle {
        padding: 14px 20px;
        height: auto;
    }
    .casesPageList {
        grid-template: auto / 25fr;
    }
    .casesPageItemTitle p {
        display: none;
    }
    .mainAboutSubtitle p {
        width: 100%;
    }
    .mainAbout h4 {
        width: 100%;
    }
    .container {
        padding-right: 20px;
        padding-left: 20px;
    }
    .mainTitleAnim h1 {
        font-size: 36px;
        line-height: 40px;
    }
    .mainPostTitle h2 {
        width: 100%;
    }
    .mainPostTitle {
        bottom: 120px;
        right: 0;
        left: 30px;
    }
    .mainBlock {
        height: 400px;
    }
    .mainServices {
        padding: 50px 0;
    }
    .mainServicesBlock:nth-child(1) {
        margin-bottom: 50px;
    }
    .mainServicesInfo ul li a {
        font-size: 18px;
    }
    .mainServicesInfo ul li {
        margin-bottom: 20px;
    }
    .mainAboutSubtitle h3:before {
        width: 100%;
        height: 1px;
    }
    .mainAbout h4 {
        font-size: 24px;
        line-height: 55px;
        margin-bottom: 50px;
    }
    .mainAboutLink a {
        width: 100%;
        text-align: center;
    }
    .mainAboutSkeap {
        display: flex;
        justify-content: center;
    }
    .mainCaseTitle ul {
        margin-top: 30px;
    }
    .mainCaseTitle ul li a {
        font-size: 13px;
        padding: 5px 15px;
    }
    .mainCaseOwlItem h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .mainCaseOwlItem p {
        font-size: 14px;
        margin-left: 15px;
    }
    .mainCaseOwl {
        margin-top: 30px;
    }
    .mainMissionTitle span {
        width: 100% !important;
    }
    .mainMissionTitle span {
        margin-bottom: 50px;
    }
    .mainContactInfo a {
        font-size: 24px;
        line-height: 40px;
    }
    .mainContactLink {
        width: 100%;
    }
    .mainContactLink a {
        font-size: 24px;
    }
    .mainContactLink {
        height: 65px;
        border: double 3px transparent;
    }
    .aboutInfoSubtitle {
        font-size: 18px;
        line-height: 20px;
    }
    .aboutBlockInfoRight ul li a {
        font-size: 16px;
        padding: 7px 10px;
        margin-bottom: 14px;
    }
    .aboutBlockInfoRight ul li p {
        font-size: 12px;
    }
    .aboutBlockInfoBottomText h4 {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 30px;
        line-height: 35px;
        width: 100%;
    }
    .aboutBlockInfoBottomText p {
        font-size: 16px;
        line-height: 20px;
    }
    .aboutBlockInfoBottomText .mainContactLink a {
        font-size: 24px;
    }
    .aboutBlockInfoBottomText .mainContactLink {
        height: 60px;
    }
    .aboutBlockInfoBottom {
        margin-bottom: 70px;
    }
    .casesPageItemTitle {
        bottom: 0;
    }
    .casesPageItem {
        margin-bottom: 20px;
    }
    .casesPageItem {
        height: 280px;
    }
    .casesPageItemTitle {
        padding: 14px 20px;
    }
    .casesPageList {
        grid-template: auto / 25fr;
    }
    .casesPageItemTitle p {
        display: none;
    }

    .headerLogoNew p span {
        font-size: 28.8515px;
    }
    .headerLogoNew p {
        font-size: 12px;
    }
    .headerLogoNew {
        width: 70%;
    }
}
@media screen and (max-width: 321px) {
    .casesPageItem {
        height: 240px;
        margin-bottom: 30px;
    }
    .casesPageItemTitle {
        bottom: -2px;
    }
    .mainPartnersOwlItem {
        border-radius: 30px;
        height: 96px;
    }
    .headerLogoNew {
        width: 80%;
    }

    .casesPageItemTitle {
        padding: 14px 20px;
        height: auto;
    }
    .casesPageList {
        grid-template: auto / 25fr;
    }
    .casesPageItemTitle p {
        display: none;
    }

}


@media screen and (max-width: 991px){
    .wrap_uslugi .priceItemInfo h4 {
        font-size: 19px;
        margin-bottom: 15px;
    }

    .wrap_uslugi .priceInfoCount {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 10px;
    }
    .wrap_uslugi .priceInfoDay {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 15px;
    }

    .wrap_uslugi .priceInfoText p {
        font-size: 14px;
    }

    .contenter h2 {
        font-size: 24px;
    }
}
@media screen and (max-width: 768px){
    #hhg_scroll_to_top {
    position: fixed;
    cursor: pointer;
    max-width: 12%;
    z-index: 9999999;
    bottom: 10px;
    right: 70px;
    }
    .wrap_uslugi {
        grid-template: auto / 25fr 25fr;
    }

    .advantages__wrapper .item .item_top span {
        margin-left: 15px;
        font-size: 18px;
    }
    .advantages__wrapper .item .item_top img {
        width: 40px;
    }
    .advantages__wrapper .item p {
        font-size: 16px;
        margin: 20px 0 0 0;
    }
    .advantages__wrapper {
        grid-template: auto / 25fr 25fr;
        grid-gap: 40px;
    }
    .dopert {
        padding: 40px 0;
    }


    .compas_wrap .left_wrap .content_osn p {
        font-size: 16px;
    }

    .compas_wrap {
        padding: 40px 0;
    }
    .compas_wrap .left_wrap h4 {
        margin-bottom: 35px;
    }




}

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

    .wrap_uslugi {
        grid-template: auto / 25fr;
    }
    .advantages__wrapper {
        grid-template: auto / 25fr ;
        grid-gap: 40px;
    }


    .baneriche {
        padding: 50px 0;
    }
    .fitest h1 {
        margin-bottom: 25px;
        font-size: 22px;
    }
    .fitest p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .compas_wrap {
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        align-content: center;
    }
    .compas_wrap .left_wrap {
        width: 100%;
        padding-right: 0;
    }

    .compas_wrap .right_wrap {
        width: 100%;
        margin-top: 20px;
    }







}







/*----------style-wordpress------------*/
.headerMenu .current-menu-item a {
    color: #FFFFFF;
}
.headerMenu .current-menu-item a:before {
    width: 100%;
    opacity: 1;
}
a.casesPageItem {
    display: block;
    height: 100%;
    background: linear-gradient(90.67deg, #0D3ECC 0%, #25A5E6 100%);
}
marquee span {
    margin-right: 100px;
}
marquee .items-block {
    display: flex;
}
.caseItemInfoList li {
    margin: 10px 30px;
    list-style: disc;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: #191B1D;
}
.ServiceTitle {
    padding-bottom: 60px!important;
    display: flex;
    cursor: pointer;
    color: #FFFFFF !important;
    align-items: center !important;

}
/*.casesPageItemDesc {
   height: 70px;
   padding: 0 40px;
   opacity: 0.9;
   position: absolute;
   width: 100%;
   bottom: 30px;
   display: flex;
   align-items: center;
}
.casesPageItemDesc p{
   font-size: 16px;
}*/
 
 

.pagination a {
  color: black;
  padding: 8px 10px;
  text-decoration: none;
  transition: background-color .3s;
  
}

 span.page-numbers{
  background-color: #1c80dc;
  color: white;
   color: black;
  padding: 8px 10px;
  text-decoration: none;
  transition: background-color .3s;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.pagination {
    justify-content: center;
}
  
.left_wrap a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50px;
    display: block;
    padding: 12px 12px;
    max-width: 150px;
    margin-top: 1.5vw;
}

.left_wrap a:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #191B1D;
}

.fitest  a:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #191B1D;
}

.priceItemButton a:hover {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #191B1D;
}

 #breadcrumbs {
  font-size: 14px; /* Базовый размер шрифта */
  color: #fff;       /* Базовый цвет текста */
  margin: 10px 0;   /* Отступы сверху и снизу */
  padding: 5px 10px;  /* Внутренние отступы */
  display: flex;
    align-items: center;
    list-style: none;
    
    
}

/* Ссылки */
#breadcrumbs a {
  color: #fff;   /* Цвет ссылок */
  text-decoration: none; /* Убираем подчеркивание */
}

#breadcrumbs a:hover {
  text-decoration: underline; /* Подчеркивание при наведении */
}

/* Разделитель */
#breadcrumbs span.sep {
  margin: 0 5px;    /* Отступы вокруг разделителя */
  color: #ccc;       /* Цвет разделителя */
}

/* Текущая страница */
#breadcrumbs span.current {
  font-weight: bold; /* Делаем текущую страницу жирной */
  color: #555;       /* Цвет текущей страницы */
}

/* Адаптивность (медиа-запросы) */
@media (max-width: 768px) {
    
  #breadcrumbs {
    font-size: 12px; /* Уменьшаем размер шрифта на маленьких экранах */
    padding: 3px 5px; /* Уменьшаем внутренние отступы */
    overflow: hidden;    /* Скрываем длинные хлебные крошки */
    white-space: nowrap; /* Запрещаем перенос строк */
    text-overflow: ellipsis; /* Добавляем многоточие в конце */
  }

  /* Убираем разделители, если они занимают много места */
  #breadcrumbs span.sep {
    display: none;
  }
}

/* Дополнительная адаптивность для очень маленьких экранов */
@media (max-width: 480px) {
  #breadcrumbs {
    font-size: 11px; /* Еще уменьшаем размер шрифта */
  }
}

.conteiner2{
         width: 100%;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    }