body {
    overflow-x: hidden;
    font-size: 16px;
    line-height: 2em;
    font-family: "IBM Plex Mono";
}

p {
    line-height: 2rem;
}

select {
    background-image:
            linear-gradient(45deg, transparent 50%, #525252 60%),
            linear-gradient(135deg, #525252 40%, transparent 50%) !important;
    background-position:
            calc(100% - 20px) 14px,
            calc(100% - 10px) 14px,
            100% 0;
    background-size:
            10px 10px,
            10px 10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}


.shadow {
    opacity: 0;
}

a {
    outline: none;
}

.only-mob {
    display: none !important;
}

.row-tab-portfolio {
    background: white;
}

.black {
    color: #324150
}

.flower {
    opacity: 0;
}

.only-mobile {
    display: none;
}
.mobile-menu-footer {
    border-top: 1px solid #4E5A72;
    padding-top: 40px;
    width: 90%;
    margin-left: 5%;
}

.shadow-svg-7 {
    margin-right: 10%;
}

.w-60 {
    width: 60% !important;
}

.w-45 {
    width: 45% !important;
}

.svg71 {
    width: 85% !important;
}

.footer-link-only-mobile {
    display: none !important;
}

.d-sm-none {
    display: block !important;
}

.navbar-nav,
.mr-auto {
    flex: 1;
    margin: auto !important;
    display: flex;
    justify-content: space-around;
}

/*.navbar-nav li{
	margin-right: 10px;
	margin-left: 10px;
}*/
.dop-padding {
    border-radius: 5px;
}

.w-20 {
    width: 20% !important;
}

.w-80 {
    width: 80% !important;
}

.phone-call {
    padding-left: 25px;
    padding-right: 25px;
}

.navbar-nav {
    padding-right: 10%;
    padding-left: 10%;
}

.black-body {
    background: #1d2f38 !important;
}

.head-block-3 {
    background: #1d2f38 !important;
}

.svg72 {
    margin-left: -40px;
}

.flower-1 {
    margin-top: 61%;
    width: 100%;
}

.flower-2 {
    width: 25%;
    margin-top: 29%;
}

.right-2 {
    width: 75%;
}

.flower-10 {
    width: 140%;
    margin-bottom: -183%;
}

.contacts-info {
    background: #E8F7FE
}

.right-3 {
    width: 100%;
    margin-bottom: -30%;
}

.flower-70 {
    width: 20%;
}

.flower-3 {
    width: 27%;
    margin-top: 72%;
}

.right-4 {
    width: 85%;
}

.flower-4 {
    width: 15%;
    margin-top: -25%;
}

.flower-5 {
    margin-top: 60%;
}

.flower-7 {
    width: 25%;
    margin-left: -10%;
}

.right7 {
    width: 75%;
}

.info-block-5 {
    background: #FFF5F0 !important;
}

.info-block-6 {
    background: #FFF4E4 !important;
}

svg {
    max-width: 100%;
}

.row-paces {
    margin-top: 100px;
}

.info-block-card {
    background: url(../img/11.jpeg) !important;
    background-size: cover !important;
    margin-bottom: 80px !important;
}

.position-top {
    margin-bottom: 30px;
}

.employee-1 {
    margin-top: 70px;
}

.employee-2 {
    margin-top: 140px;
}

.position-name {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    /* or 150% */
    color: #222C36;
}

.position-name-position {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    color: grey;
}

.card-info {
    padding: 32px 40px;
}

.phone-caller {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 34px;
    /* identical to box height, or 170% */
    color: #222C36;
}

.nav-link:focus, .nav-link:hover {
    color: #FBB157;
}

.footer-link:hover {
    color: #FBB157;
}

a[data-toggle="fancybox"]:hover{
    cursor:  zoom-in;
}

.move-link {
    display: inline-block;
    width: fit-content;
    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;
}

.move-link:hover {
    width: fit-content;
    display: inline-block;
    transform: translateY(-5px);
    cursor: pointer;
}

.news-place {
    margin-bottom: 40px;
}

.news-tags {
    margin-top: 30px;
    margin-bottom: 40px;
}

.news-box {
    margin-bottom: 120px;
}

.page-numb {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    text-transform: uppercase;
    color: #222C36;
    padding: 10px 17px;
    background: #FFFFFF;
    border: 1px solid #FDBA7F;
    box-sizing: border-box;
    border-radius: 3px;
    margin-right: 10px;
    cursor: pointer;
}

.page-numb:hover {
    color: #fff;
    background: #FBB157 !important;
}

.page-numb.disabled{
    opacity: 0.5;
    cursor: auto;
}
.page-numb.disabled:hover{
    background:none;
}

.arrow-left {
    margin-right: 20px;
    cursor: pointer;
}

.arrow-right {
    margin-left: 10px;
    cursor: pointer;
}

.page-numb-active {
    color: #fff;
    background: #FBB157;
}

.tag-news-link {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    color: #222C36;
}

.shadow-svg-70 {
    margin-right: 17%;
}

.tag-news-link-active {
    color: #FBB157 !important;
}

.qty-news {
    color: #78859D;
}

.news-tag {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    color: #222C36;
    padding: 3px 9px;
    background: #fff;
    border-radius: 5px;
    margin-right: 5px;
    display: inline-block;
}

.svg58 {
    margin-top: 50px;
}

.case-row {
    margin-bottom: 60px;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

.span-product {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height, or 150% */
    color: #324150;
    margin-bottom: 20px;
    display: inline-block;
}

.head-block {
    background: #364766;
}

.flower-9 {
    margin-top: 7%;
}

.nav-link {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    text-align: center;
    color: #FFFFFF;
    margin-right: 15px;
}

.navbar-nav {
    margin-left: 76px;
}

.phone-call, .phone-call-pad {
    border: 1px solid #FBB157;
    box-sizing: border-box;
    border-radius: 7px;
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 26px;
    /* identical to box height, or 186% */
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.phone-call:hover, .button-all:hover {
    background: #FBB157;
}

.head-block-content {
    padding-top: 80px;
    padding-bottom: 80px;
}

.right-head-block-content {
    margin-top: -80px;
}

h1.big-title {
    font-size: 50px;
}

h1 {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    /* or 117% */
}

h2 {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 50px;
    margin-top: 40px !important;
}

.head-block-content h2, .head-block-content h1,.block-five h2 {
    color: #FFFFFF;
}

h5 {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 30px;
    /* identical to box height, or 115% */
    color: #FFFFFF;
}

h3 {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 52px;
    /* or 130% */
    color: #324150;
}

.block-outer-bottom {
    margin-bottom: 62px !important;
}
.block-outer-bottom-80 {
    margin-bottom: 50px !important;
}

h4 {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 32px;
    /* or 123% */
    color: #324150;
    margin-bottom: 50px;
}

h6 {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;

    color: #3E454D;

    transform: matrix(1, 0, 0, 1, 0, 0);
}


.h2-desc {
    margin-top: 14px;
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    /* or 150% */
    color: #FFFFFF;
    margin-bottom: 43px;
}

.home-dop-title {
    margin-top: 25px;
}

.home-text {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    /* or 162% */
    color: #FFFFFF;
    margin-top: 44px;
    margin-bottom: 69px;
}

header {
    padding-top: 15px;
}

.move-link {
    background: #FBB157;
    /* identical to box height, or 186% */
    color: #3E454D;
    border: none;
}

.phone-call,.move-link{
    border-radius: 7px;
    padding: 9px 42px;
    font-size: 14px;
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

a {
    text-decoration: none;
    color: #3082bd;
}

p a{
/**
  text-decoration: underline;
 */
}

.two-block {
    padding-top: 100px;
}

.list-item-box {
    width: 31%;
}

.info-block {
    background: #F7FCFD;
    border-radius: 5px;
    padding-top: 80px;
    margin: 0 auto;
    max-width: 1500px;
    padding-bottom: 82px;
    margin-bottom: 40px;
}

.list-item {
    border-radius: 5px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    width: 100%;
    padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 40px;
    padding-left: 40px;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.list-item-one {
    background: #FFF4E4;
}

.list-item-two {
    background: #E8F7FE;
}

.list-item-three {
    background: #FFF5F0;
}

.list-item-text {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    /* or 162% */
    color: #222C36;
    transform: matrix(1, 0, 0, 1, 0, 0);
    margin-top: 20px;
    margin-bottom: 25px;

}

.card .list-item-text{
    /*min-height: 200px;*/
}

.link-more {
    font-family: IBM Plex Mono;
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    color: #FBB157;
    transform: rotate(0.19deg);
    white-space: nowrap;
    padding-top: 5px;
}

/*.link-modal{*/
/*    border: 1px solid #FBB157;*/
/*}*/

.link-more:hover {
    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;
    font-family: IBM Plex Mono;
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    color: #FBB157;
    transform: rotate(0.19deg);
    white-space: nowrap;
    /*margin-top: -5px;*/
    /*margin-bottom: 5px;*/
    transform: translateY(-3px);
}

.link-back{
    color: #33929d;
}
.link-back:hover{
    color: #6bc8d0;
}

.link-more .img-link{
    transform: rotate(180deg);
    margin-top: -25px;
}

.list-item-box-ex {
    width: 37%;
}

.list-item-ex {
    padding-top: 32px;
    padding-right: 25px;
    padding-bottom: 39px;
}

.list-item-small {
    padding-top: 20px;
    padding-bottom: 20px;
}

.block-1 {
    width: 33%;
}

.four-block {
    max-width: 1500px;
    margin: 0 auto;
    padding-top: 79px;
    padding-bottom: 90px;
    background: #364766;
    border-radius: 5px;
}

.top-blue-numb {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 36px;
    /* or 90% */
    color: #FFFFFF;
}

.top-blue-text {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 36px;
    /* or 120% */
    color: #FFFFFF;
}

.top-blue-p {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    color: #FFFFFF;
}

.border-left-top {
    border-right: 1px solid #52617A;
}

.padding-left-top {
    padding-left: 77px;
}

.bottom-blue {
    margin: 0 auto;
    margin-top: 69px;
}

.margin-top-72 {
    margin-bottom: -72px;
}

.list-item-numb {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    /* identical to box height, or 187% */
    color: rgba(120, 133, 157, 0.7);
}

.list-item-yell {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 26px;
    /* identical to box height, or 186% */
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FBB157;
    margin-top: 10px;
}

.list-item-mini {
    padding-top: 23px;
    padding-left: 30px;
    padding-right: 23px;
    padding-bottom: 20px;
    width: 100%;
}

.list-item-box-mini {
    width: 22.6%;
}

.items-row {
    margin-bottom: 60px;
}

.block-five {
    background: #364766;
    padding-top: 120px;
    padding-bottom: 110px;
}

.left-five {
    width: 43%;
}

.right-five {
    width: 57%;
}

.right-five-big {
    width: 70%;
}

.h2-desc2 {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    color: #FFFFFF;
    margin-bottom: 62px;
}

.six-block {
    margin-top: 120px;
}

.project-banner-01 {
    background: #43396A;
}

.project-banner {
    border-radius: 5px;
    min-height: 370px;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banners-row {
    margin-top: 40px;
}

.tabs {
    font-size: 0;
}

.tabs > input[type="radio"] {
    display: none;
}

.tabs > div {
    /* скрыть контент по умолчанию */
    display: none;
    padding: 10px 15px;
    font-size: 16px;
}


.ui-tabs-tab a {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 10px 15px;
    color: #333333;
}

.ui-tabs-tab {
    display: inline-flex;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    /*background-color: #f5f5f5;*/

    font-size: 16px;
    line-height: 1.5;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    cursor: pointer;
    position: relative;
    top: 1px;
    border-radius: 7px 7px 0px 0px;
    background: #E8F7FE;
    margin-right: 15px;
}

.content-tabs {
    padding-left: var(--bs-gutter-x, .75rem);
    background: #F7FCFD;
    padding-right: var(--bs-gutter-x, .75rem);
}

.shadow-box-flower {
    margin-top: -5px;
}

.tabs > label:not(:first-of-type) {
    border-left: none;
}

.w-15 {
    width: 15% !important;
}

.w-85 {
    width: 85% !important;
}

.shadow-svg-2 {
    margin-right: 10px;
}

.ui-tabs-nav {
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-bottom: 0;
}

.ui-state-active {
    border-bottom: 1px solid #fff;
}

.ui-tabs-tab:hover {
    cursor: pointer;
}

.ui-state-active {
    background-color: #AFDEF5;
}

.ui-tabs-tab:hover {
    background-color: #90d4f5;
}

.ui-tabs-tab-landing:hover a,
.ui-tabs-tab-landing.ui-state-active a,
.ui-tabs-tab-e-commerce:hover a,
.ui-tabs-tab-e-commerce.ui-state-active a {
    color: #fff;
}

.ui-tabs-tab-e-commerce.ui-state-active {
    background-color: #8278aa;
}

.ui-tabs-tab-e-commerce:hover {
    background: #43396a !important;
}

.project-banner-e-commerce {
    background: #43396a;
}

.ui-tabs-tab-application.ui-state-active {
    background-color: #fdf3ad;

}

.ui-tabs-tab-application:hover {
    background-color: #efdb4f;
!important;
}

.ui-tabs-tab-site.ui-state-active {
    background-color: #FFB573;
}

.ui-tabs-tab-site:hover {
    background-color: #ef9c51;
!important;
}

.ui-tabs-tab-landing.ui-state-active {
    background-color: #9f551c;
}

.ui-tabs-tab-landing:hover {
    background-color: #7a3e0e;
!important;
}


.info-block-banners {
    padding-bottom: 40px !important;
}

.project-banner img {
    /*margin-top: 10%;*/
}

.banner-title {
    font-family: Montserrat Alternates;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    /* or 150% */
    text-align: center;
    color: #FFFFFF;
    margin: 20px;
}


.project-banner-site .banner-title, .project-banner-application .banner-title {
    color: #000;
}


.project-banner-application {
    background: #fdf3ad;
}

.project-banner-site {
    background: #FFB573;
}

.project-banner-landing {
    background: #9f551c;
}

.date {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    /* identical to box height */
    color: #78859D;
    text-align: right;
}



.news-two {
    margin-top: 70px;
    background: #E8F7FE;
}

.form-news {
    background: #364766;
    border-radius: 5px;
    margin-top: 14px;
}

.form-news-text {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    color: #FFFFFF;
}

.email-input {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 34px;
    /* identical to box height, or 262% */
    color: #78859D;
    background: none;
    border: none;
    border-bottom: 1px solid #FFFFFF;
    width: 100%;
    margin-bottom: 28px;
}

.privacy-text {
    margin-top: 15px;
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    /* or 138% */
    color: #78859D;
}

.button-all {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border: 1px solid #FBB157;
    box-sizing: border-box;
    border-radius: 10px;
    color: #222C36;
    padding: 10px 27px;
    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;
    background-color: #fbc27e;
}

.reviews-block {
    margin-top: 120px;
}

.reviews {
    background: #E8F7FE;
    border-radius: 5px;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    padding: 50px 30px;
}

.reviews-photo {
    width: 80px;
    height: 80px;
    border-radius: 50px;
}

.review-name {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    color: #3E454D;
}

.reviews-left {
    margin-right: 40px;
}

.review-position {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    color: #78859D;
    margin-top: 10px;
}

.body-review {
    margin-top: 22px;
}
.links-review{
    min-height: 70px;
}

.review-text {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    color: #222C36;
}

.review-link {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    margin-top: 20px;
    color: #A7A7A7;
}

.mg-t {
    margin-top: 20px;
}

.play {
    width: 42px;
    height: 42px;
    position: absolute;
    margin-top: 38px;
    margin-left: -24px;
    -webkit-transition: all 0.3s ease;;
    -moz-transition: all 0.3s ease;;
    -o-transition: all 0.3s ease;;
    transition: all 0.3s ease;
}

.play:hover {
    width: 42px;
    height: 42px;
    position: absolute;
    margin-top: 33px;
    margin-left: -24px;
    cursor: pointer;
}

.reviews-two {
    background: #FFF4E4;
}

.cookie-form{
    background: #E8F7FE;
    display: inline-block;
    border-radius: 5px;
}
.main-form {
    background: #E8F7FE;
    padding: 40px 40px;
    margin-top: 40px;
    display: inline-block;
    border-radius: 5px;
    max-width: 90%;
}

.form-text {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    color: #222C36;
}

.main-form select {
    margin-bottom: 22px;
}

.main-form select,select.form-control:focus{
    font-family: IBM Plex Mono;
    width: 90%;
    margin-bottom: 22px;
    color: #78859D;
    background-color: #E8F7FE;
    border: 0;
    border-bottom: 1px solid #222C36;
    border-radius: 0;
    box-shadow: none;
}
.main-form input{
    font-family: IBM Plex Mono;
    width: 90%;
    margin-bottom: 22px;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 34px;
    /* identical to box height, or 262% */
    color: #78859D;
    background: none;
    border: none;
    border-bottom: 1px solid #222C36;
}

.main-form input:focus {
    outline: none !important;
    border-color: #dc3545;
}

.two-block {
    margin-bottom: 150px;
}

footer {
    background: #2A374F;
    padding-top: 90px;
    padding-bottom: 90px;
}

.footer-link {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    color: #FFFFFF;
    margin-bottom: 20px;
    display: block;
}

.top-footer {
    padding-bottom: 88px;
    border-bottom: 1px solid #4E5A72;
}

.bottom-footer {
    padding-top: 30px;
}

.svg1 {
    margin-left: -30px;
}

.svg11 {
    margin-left: -40px;
}

.link-bottom-footer {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 26px;
    /* or 200% */
    color: #78859D;
}

.only-pad {
    display: none;
}

.black {
    color: #324150
}

.right-head-block-content1 {
    margin-top: 0;
}

.head-block1 {
    background: #54C3FF;
}

.mr-1 {
    margin-right: 10px;
}

.look {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    color: #324150;
}

.bread {
    padding-top: 70px;
    padding-bottom: 40px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.bread-dott {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -2px;
}

.bread > li {
    list-style-type: none;
    margin-left: 0; /* Отступ слева в браузере IE и Opera */
    padding-left: 0; /* Отступ слева в браузере Firefox, Safari, Chrome */
}

.bread > li > a {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    color: #222C36;

}

.bread > li > a.active {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    /* identical to box height, or 162% */
    color: #78859D;
}

.list-item-product {
    background: #FFF4E4;
    border-radius: 5px;
    padding: 40px;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.list-item-product-list {
    margin-right: 15px;
    margin-bottom: auto;
    margin-top: 5px;
}

.list-item-product-item {
    margin-bottom: 20px;

}

.list-item-product2 {
    background: #E8F7FE;
}

.list-style {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */
    margin-top: 20px;
    margin-bottom: 25px;
    color: #476481;
}

.block-five-2 {
    background: #54C3FF;
}

.footer-2 {
    background: #1D2F38;
}

.block-five-2-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 52px;
    /* or 130% */
    color: #324150;
    margin-top: 20px;
}

.block-price {
    padding-top: 90px;
    padding-bottom: 80px;
}

.price-item {
    background: #E8F7FE;
    border-radius: 5px;
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 26px;
    padding-bottom: 40px;
}

.price-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 36px;
    /* identical to box height, or 138% */
    color: #3E454D;
    margin-bottom: 35px;
}

.price-string {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    /* or 137% */
    color: #222C36;
    margin-bottom: 28px;
}

.price-string span {
    color: #F2706D;
    position: relative;
    top: -5px;
    font-size: 13px;
}

.svg8 {
    margin-left: -30px;
}

img {
    max-width: 100%;
}

.premium{
    background-color: #fcd38c;
}
.optimal {
    background-color: #364766;
    color: #fff;
}

.who {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    /* identical to box height, or 137% */
    color: #222C36;
}

.price-price {
    margin-top: 150px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 34px;
    /* identical to box height, or 142% */
    color: #0083C7;
}

.head-block2 {
    background: #006194;
}

.head-block3 {
    background: #F2706D;
}

.footer3 {
    background: #4E5A72;
}

.head-block4 {
    background: #364766;
}

.phone-call-pad {
    display: none;
}

.six-block-portfolio {
    margin-top: 0;
}

.reviews-block {
    margin-bottom: 150px;
}

.res {
    padding-top: 0 !important;
    padding-bottom: 50px !important;
    padding-bottom: 35px;
}

.portfolio-row {
    background: #fff;
    margin-bottom: 40px;
}

.portfolio-right {
    padding: 60px 90px 75px 60px;
}

.potfolio-image {
    height: 100%;
    object-fit: cover;
}

.svg73 {
    margin-left: -35px;
    width: 80%;
}

.shadow-svg-11 {
    margin-right: 37%;
}

.svg75 {
    width: 90%;
    margin-bottom: -20% !important;
}

.flower-8 {
    margin-bottom: -76%;
}

.flower-7-box {
    margin-bottom: 55px;
}

@media screen and (max-width: 1400px) {
    .svg75 {
        width: 100%;
        margin-bottom: -23% !important;
    }

    .flower-8 {
        margin-bottom: -21% !important;
    }
}

.review-2-about {
    margin-top: 3rem
}

.review-3-about {
    margin-top: -3rem;
}

.flower-8 {
    margin-bottom: -18%;
}

.dropdown-menu {
    background: #E8F7FE;
    padding: 0 0;
}

.dropdown-meni {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;

    color: #222C36;
}

.dropdown-item {
    padding: 10px 20px;
    border-bottom: 0.5px solid #CDE2EC;
}

.dropdown-item:hover {
    background: #FBB157;
    opacity: 1;
}

.dropdown-item:focus {
    --bs-blue: #FBB157 !important;
    opacity: 1;
}

.svg3 {
    margin-left: 50px;
}


@media screen and (max-width: 1450px) {
    .right-3 {
        width: 100%;
        margin-bottom: -58% !important;
    }

    .flower-3 {
        width: 27%;
        margin-top: 93% !important;
    }

    .svg25 {
        margin-top: 75px;
    }
}

@media screen and (max-width: 1200px) {
    .flower-box-2 {
        margin-bottom: 71px;
    }

    .flower-box-1 {
        margin-bottom: 45px;
    }

    .svg75 {
        margin-bottom: -119% !important;
    }

    .flower-10 {
        display: none;
    }

    .flower-8 {
        margin-bottom: -49% !important;
        margin-top: 74%;
    }
}

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

    .svg25 {
        margin-top: 224px;
    }

    .only-desctop {
        display: none !important;
    }

    .right6 {
        display: none !important;
    }

    .right-block-3 {
        margin-top: 22%;
    }

    .portfolio-right {
        padding: 20px 30px 2px 20px;
    }

    .phone-call {
        display: none
    }

    .look {
        font-family: IBM Plex Mono;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 16px;
        color: #324150;
    }

    .bread {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .sde {
        display: none;
    }

    .list-style {
        margin-bottom: 0;
    }

    .price-item-sde {
        display: flex;
        justify-content: space-between;
    }

}

.head-block-content-portfolio{
    padding-bottom: 0 !important;
}

.portfolio-image {
    margin-top: -60px;
    margin-bottom: -40px;
}

@media screen and (max-width: 992px) {
    .list-item-box-minis {
        /*margin-bottom: 2.5em;*/
    }

    .flower-box-2 {
        margin-bottom: 0px;
    }

    .flower-box-1 {
        margin-bottom: 0px;
    }

    .flower-10 {
        width: 740%;
        margin-bottom: -783%;
    }

    .flower-10 {
        display: block;
    }

    .about-review {
        margin-bottom: 30px;
    }

    .footer-link-only-mobile {
        display: block !important;
    }

    .top-footer {
        text-align: center;
        padding-bottom: 25px;
    }

    .d-sm-none {
        display: none !important;
    }

    .top-footer > .col-lg-3 > img {
        margin-bottom: 50px;
    }

    .bottom-footer {
        text-align: center;
    }

    .review-2-about {
        margin-top: 0
    }

    .review-3-about {
        margin-top: 0;
    }

    .delete-md {
        display: none;
    }

    .svg75 {
        margin-bottom: -14% !important;
    }

    .flower-8 {
        margin-bottom: -14%;
        margin-top: 23%;
    }

    .svg73 {
        margin-left: 0px;
    }

    .employee-1 {
        margin-top: 40px;
    }

    .employee-2 {
        margin-top: 0px;
    }

    .info-block-card {
        background-position-x: -209px !important;
    }

    .list-item-mini-tags {
        display: flex;
        padding: 9px 9px;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .list-item-product-item-tag {
        margin-bottom: 0;
        margin-right: 15px;
    }

    .svg63 {
        display: none;
    }

    .svg56 {
        display: none;
    }

    .phone-call-pad {
        display: block;
        margin-left: 200px;
    }

    .navbar-nav {
        margin-left: 0px;
    }

    .phone-call {
        display: none;
    }

    h1 {
        font-family: Montserrat Alternates;
        font-style: normal;
        font-weight: bold;
        font-size: 36px;
        line-height: 46px;
        /* or 128% */
    }

    .head-block h1{
        color: #FFFFFF;
    }

    .home-dop-title {
        font-family: IBM Plex Mono;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 26px;
        /* identical to box height, or 162% */
        color: #FFFFFF;
    }

    .home-text {
        font-family: IBM Plex Mono;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 26px;
        color: #FFFFFF;
        margin-top: 20px;
        margin-bottom: 26px;
    }

    .right-head-block-content {
        margin-top: 0;
    }

    .head-block-content {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    h3 {
        font-family: Montserrat Alternates;
        font-style: normal;
        font-weight: bold;
        font-size: 36px;
        line-height: 46px;
        /* or 128% */
        color: #324150;
    }

    .two-block {
        padding-top: 90px;
    }

    h4 {
        font-family: Montserrat Alternates;
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 32px;
        /* or 145% */
        color: #324150;
    }

    .list-item-box {
        width: 49%;
    }

    .svg4 {
        display: none;
    }

    .right2 {
        height: 300px;
    }

    .list-item-box-ex {
        width: 100%;
    }

    .list-zone-md {
        display: flex;
        flex-direction: column;
    }

    .svg5 {
        display: none;
    }

    .list-item-ex {
        margin: 0 !important;
    }

    .list-item-box-ex {
        margin-bottom: 35px;
    }

    .svg12 {
        margin: 0 !important;
    }

    .padding-left-top {
        padding-left: 30px;
    }

    .top-blue-numb {
        font-family: IBM Plex Mono;
        font-style: normal;
        font-weight: normal;
        font-size: 36px;
        line-height: 36px;
        /* or 100% */
        color: #FFFFFF;
    }

    .list-item-box-mini {
        width: 50%;
        margin-bottom: 25px;
    }

    .mg-t {
        margin-top: 0;
    }

    .items-row {
        margin-bottom: 0;
    }

    .padding-left-top {
        padding-left: 13px;
    }

    .block-five {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    h2 {
        font-family: Montserrat Alternates;
        font-style: normal;
        font-weight: bold;
        font-size: 29px;
        line-height: 40px;
        /*color: #FFFFFF;*/
    }

    .h2-desc {
        font-family: IBM Plex Mono;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 26px;
        /* or 162% */
        color: #FFFFFF;
    }

    .h2-desc2 {
        font-family: IBM Plex Mono;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        /* or 162% */
        color: #FFFFFF;
    }

    .left-five {
        width: 42%;
    }

    .right-five {
    }

    .ui-tabs-tab {
        font-family: IBM Plex Mono;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        /* identical to box height */
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #3E454D;
    }

    .ui-tabs-tab {
        padding: 5px 5px;
        margin-right: 5px;
        font-size: 16px;
        line-height: 1.5;
    }

    .ui-tabs-tab a {
        padding: 4px 7px;
    }

    .news-two {
        margin-top: 0;
    }

    .reviews {
        width: 100%;
    }

    .main-form {
        background: #E8F7FE;
        padding: 40px 40px;
        margin-top: 40px;
        display: inline-block;
        border-radius: 5px;
        max-width: 100%;
    }

    .only-desc {
        display: none;
    }

    .only-pad {
        display: block;
    }
}

.full_enter {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    /* or 162% */


    color: #99B6CA;
}

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

    p{
        line-height: 26px;
    }
    .info-block {
        padding-top: 0;
    }

    .portfolio-right {
        background: none;
    }

    .row-tab-portfolio {
        background: none;
    }

    .border-left-top {
        border-right: none;
    }

    .flower-10 {
        width: 100%;
        margin-bottom: -91%;
    }

    .button-all {
        font-family: IBM Plex Mono;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        border: 1px solid #FBB157;
        box-sizing: border-box;
        border-radius: 10px;
        color: #222C36;
        padding: 13px 20px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .project-banner {
        width: 100%;
    }

    .two-block {
        margin-bottom: 56px;
    }

    .reviews-block {
        margin-bottom: 56px;
    }

    .three-block {
        padding-top: 100px;
    }

    h6 {
        font-family: IBM Plex Mono;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 26px;
        /* or 144% */


        color: #3E454D;
    }

    .block-five {
        padding-top: 30px;
        /* padding-bottom: 86px; */
    }

    .dropdown-item {
        white-space: break-spaces;
    }

    .home-text {
        font-family: IBM Plex Mono;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        /* or 162% */
        color: #FFFFFF;
    }

    .svt24 {
        margin-top: 50px;
    }

    .only-mob {
        display: block !important;
        width: 85% !important;
    }

    .svg100 {
        margin-top: 50px;
    }

    .footer-link-only-mobile {
        display: block !important;
    }

    .ui-tabs-tab {
        border: none !important;
        border-radius: 10px;
        margin-bottom: 10px;
        padding: 10px 10px;
    }

    .ui-tabs-tab:hover {
        border: none !important;
        border-radius: 10px;
        margin-bottom: 0px;
        padding: 10px 10px;
    }

    .ui-state-active {

        background-color: #fff;
        border-bottom: 1px solid #fff;
        background: #FBB157;
    }

    .mb-sm-imporant-0 {
        margin-bottom: 0px !important;
    }

    .svg11 {
        margin-left: 0px;
    }

    .svg8 {
        margin-left: 0px;
    }

    .svg1 {
        margin-left: 0;
    }

    .svg72 {
        margin-left: 0;
    }

    .flower-8 {
        margin-bottom: -51%;
        margin-top: 2%;
    }

    .svg75 {
        width: 85%;
    }

    .svg25 {
        margin-top: 0px;
    }

    .right-block-3 {
        margin-top: -33% !important;
    }

    .svg3 {
        margin-left: 0;
    }

    .right-3 {
        width: 76%;
        margin-top: 15%;
        margin-bottom: -48% !important;
    }

    .svg71 {
        width: 80%;
    }

    .flower-3 {
        margin-top: 54%;
        width: 23%;
    }

    .right-block-3 {
        margin-top: 7%;
    }

    .svg13 {
        display: none;
    }

    .list-item-mini-tags {
        display: flex;
        flex-direction: column;
    }

    .case-row2 {
        display: flex;
        flex-direction: column-reverse;
    }

    .portfolio-image {
        margin-top: 0px;
        margin-bottom: -40px;
    }

    .head-block-content-portfolio {
        padding-top: 50px !important;
        padding-bottom: 70px !important;
    }

    .price-item-sde {
        display: block;
    }

    .sm-mb-5 {
        margin-bottom: 25px;
    }

    .list-item-product {
        margin-bottom: 30px;
    }

    .bread {
        display: block !important;
    }

    .sre {
        display: none;
    }

    h1 {
        font-size: 32px;
    }

    .block-outer-bottom-80{
        margin-bottom: 30px !important;
    }

    .navbar-toggler {
        margin: 0;
    }

    .phone-call, .phone-call-pad {
        display: none;
    }

    .head-block-content {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .right-head-block-content {
        margin-top: 34px;
    }

    h3 {
        font-family: Montserrat Alternates;
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 38px;
        /* or 127% */
        color: #324150;
    }

    .two-block {
        padding-top: 80px;
    }

    .list-item-box {
        width: 100%;
    }

    .list-item-two {
        /*margin-bottom: 2em;*/
    }

    .list-item-text {
        font-family: IBM Plex Mono;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 26px;
        color: #222C36;
        transform: matrix(1, 0, 0, 1, 0, 0);
        margin-top: 0px;
        margin-bottom: 32px;
        font-family: IBM Plex Mono;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        /* or 162% */
        color: #222C36;
    }

    .right2 {
        width: 100%;
        /* height: 300px; */
        margin-top: 50px;
    }

    .block-1 {
        width: 100%;
        /* width: 30%; */
    }

    .border-left-top {
        width: 100% !important;
    }

    .border-left-top {
        width: 100% !important;
        margin-bottom: 30px;
    }

    .bottom-blue {
        margin: 0 0;
        /* margin-top: 69px; */
    }

    .dfr {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 30px;
    }

    .border-left-top {
        text-align: center !important;
    }

    .list-item-box-mini {
        width: 100%;
    }

    .five-mobile {
        display: flex;
        flex-direction: column-reverse;
    }

    .left-five {
        width: 100%;
        /* width: 42%; */
    }

    .right-five {
        width: 100%;
        padding-left: 0;
        /* width: 42%; */
    }

    .left-five {
        margin-top: 40px;
    }

    .project-banner {
        margin-top: 20px
    }

    .banners-row {
        margin-top: 20px;
        margin-bottom: -20px;
    }

    .button-all {
        display: none;
    }

    .list-item-small {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .navbar-toggler {
        margin-right: 0px;
    }

    .revers-mobile {
        flex-direction: column;
    }

    .right-8 {
        width: 75%;
    }

    .svg25 {
        margin-top: 50px;
    }

    footer {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 450px) {
    .flower-dn-mobile {
        display: none;
    }

    .only-mobile {
        display: block;
    }
}

@media screen and (max-width: 325px) {
    .only-mob {
        width: 88% !important;
    }
}

@media screen and (max-width: 1024px) {
    .shadow-box-flower {
        margin-top: -3px;
    }
}

@media screen and (max-width: 385px) {
    .shadow-svg-2 {
        margin-right: 5px;
    }
}

.tooltip-inner {
    background-color: #FFF4E4;
    color: #000;
    padding: 20px;
    min-width: 240px;
}

.tooltip.show {
    opacity: .95;
}

.tooltip .tooltip-arrow::before {
    border-top-color: #FFF4E4;
}
.margin-bottom-0 {
    margin-bottom: 0;
}

.position-absolute-bottom-0{
    bottom: 0;
    position: absolute;
}

.card-perfect.row{
   --bs-gutter-x: 3rem;
}
.card-perfect .card{
    background: none;
    border: none;
}

.nice-thumb{
    display: inline-block;
    position: relative;
    margin-top: 20px;
    margin-bottom: 50px;
}
.nice-thumb .knopka{
    position: absolute;
    left: 50%;

    margin-top: -30px;
    /*margin-left: 50%;*/
    /*margin-right: 50%;*/
}
.nice-thumb .img-thumbnail {
    padding: .55rem;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    border: none;
}

#tabs-info .mt-5{

}