/* Start:/arenda-serverov/style.css?177202169367616*/
/* Плавная прокрутка по якорным ссылкам навигации */
html {
    scroll-behavior: smooth;
}

:root {
    /* Colors */
    --color-primary: #006FCB;
    --color-text-primary: #000000;
    --color-text-secondary: #333343;
    --color-white: #FFFFFF;
    --color-bg-primary: #F7F9FA;
    --color-bg-secondary: #DCE6EB;
    
    /* Spacing */
    --spacing-xs: 10px;
    --spacing-sm: 20px;
    --spacing-md: 30px;
    --spacing-lg: 60px;
    --spacing-xl: 100px;
    
    /* Единая ширина контента для всех секций (десктоп) */
    --content-max-width: 1199px;
    /* Горизонтальные отступы на мобильных — одинаковые для всех блоков */
    --mobile-padding-x: 16px;
    /* Вертикальные отступы между секциями (сверху и снизу у каждой) */
    --section-spacing-y: 60px;
    --section-spacing-y-mobile: 20px;
    

    --font-family: 'Roboto', sans-serif;
    --font-size-title: 50px;
    --font-size-subtitle: 22px;
    --font-size-feature: 16px;
    --line-height-title: 0.9em;
    --line-height-subtitle: 1.2em;
    --line-height-feature: 1.2em;
    

    --border-radius-block: 30px;
    

    --block-width: 1390px;
    --block-height: 440px;
    --block-offset-x: 265px;
    --block-offset-y: 80px;
}
@media (max-width: 768px) {
    :root {
        --font-size-title: 36px;
        --font-size-subtitle: 18px;
        --block-offset-y: 40px;
    }
}

@media (min-width: 1500px) {
    .container.container--xl {
        width: 1425px;
    }
}

/* Совместимость с Bootstrap 3.3.5: замена justify-content-center и g-0 */
.row--justify-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.row--no-gutter {
    margin-left: 0;
    margin-right: 0;
}
.row--no-gutter [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

/* Общий блок логотипа для difference-section и support-section */
.section-logo-block {
    background-color: var(--color-white);
    border-radius: 30px 0 30px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 15px;
    min-width: 148px;
    width: 148px;
    height: 148px;
    flex-shrink: 0;
}
.section-logo-block__img {
    width: 100%;
    height: 100%;
    max-width: 112px;
    max-height: 102px;
    object-fit: contain;
}
@media (max-width: 768px) {
    .section-logo-block {
        width: 100px;
        height: 100px;
        min-width: 100px;
        max-width: 100px;
        border-radius: 16px;
        padding: var(--spacing-xs);
    }
    .section-logo-block__img {
        max-width: 72px;
        max-height: 66px;
    }
}
@media (max-width: 480px) {
    .section-logo-block {
        width: 80px;
        height: 80px;
        min-width: 80px;
        max-width: 80px;
    }
    .section-logo-block__img {
        max-width: 56px;
        max-height: 52px;
    }
}

.icon {
    display: inline-block;
    flex-shrink: 0;
    width: 1.1em;
    height: 1.1em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.icon--shield-check { background-image: url(/arenda-serverov/img/shield-check.svg); }
.icon--check-circle { background-image: url(/arenda-serverov/img/check-circle.svg); }
.icon--star-blue    { background-image: url(/arenda-serverov/img/star-blue.svg); }
.icon--star         { background-image: url(/arenda-serverov/img/star.svg); }
.icon--minus-circle { background-image: url(/arenda-serverov/img/minus-circle.svg); }

.icon-line {
    display: flex;
    align-items: center;
    gap: 0.35em;
}



.hero {
    background-color: #DCE6EB;
    padding: var(--section-spacing-y) 0;
    position: relative;
}
.hero__block {
    max-width: var(--block-width);
    height: var(--block-height);
    margin: 0 auto;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 1) 51%),
                var(--color-bg-secondary);
    border-radius: var(--border-radius-block);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--spacing-lg);
    position: relative;
    overflow: hidden;
}
.hero__content {
    flex: 0 0 auto;
    max-width: 554px;
    padding-left: var(--spacing-lg);
}
.hero__title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: var(--font-size-title);
    line-height: var(--line-height-title);
    color: var(--color-text-primary);
    margin-bottom: var(--spacing-sm);
}
.hero__title::after {
    content: none;
}
.hero__subtitle {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: var(--font-size-subtitle);
    /* line-height: var(--line-height-subtitle); */
    color: var(--color-text-primary);
    /* margin-bottom: var(--spacing-lg); */
}
.hero__features {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}
.hero__feature {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}
.hero__feature-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.hero__feature-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: var(--font-size-feature);
    line-height: 24px;
    color: var(--color-text-secondary);
}
.hero__image-wrapper {
    flex: 0 0 auto;
    /* width: 600px;
    height: 341px; */
    position: relative;
    align-self: flex-end;
}
.hero__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--spacing-xs);
}
@media (max-width: 1400px) {
    .hero__block {
        max-width: 95%;
        padding: var(--spacing-md);
    }
    
    .hero__image-wrapper {
        width: 500px;
        height: 284px;
    }
}
@media (max-width: 1200px) {
    .hero__block {
        flex-direction: column;
        height: auto;
        padding: var(--spacing-lg);
    }
    
    .hero__content {
        max-width: 100%;
        padding-left: 0;
        margin-bottom: var(--spacing-lg);
    }
    
    .hero__image-wrapper {
        width: 100%;
        max-width: 600px;
        height: auto;
        padding: 0 0px 0 10px;
    }
}
@media (max-width: 768px) { 
    .hero {
        min-height: auto;
        padding: var(--section-spacing-y-mobile) 0;
    }
    
    .hero__block {
        padding: var(--spacing-md) 0;
        width: 100%;
        max-width: 100%;
    }
    .hero__content {
        padding: var(--spacing-md);
       margin-bottom: 0;
    }
    .hero__title {
        font-size: 28px;
        margin-top: 0;
        margin-bottom: var(--spacing-xs);
    }
    
    .hero__subtitle {
        margin-bottom: var(--spacing-md);
    }
}

/* Navigation */
.navigation {
    /* background-color: var(--color-bg-primary); */
    background-color: #dce6eb;
    min-height: 30px;
    position: sticky;
    top: 60px;
    z-index: 1000;
    padding: 0;
    transition: box-shadow 0.3s ease;
    padding-bottom: 2px;
}

.navigation.sticky {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.navigation__menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.navigation__menu-scroll {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--color-bg-secondary) transparent;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.navigation__menu::-webkit-scrollbar,
.navigation__menu-scroll::-webkit-scrollbar {
    height: 4px;
}

.navigation__menu::-webkit-scrollbar-track,
.navigation__menu-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.navigation__menu::-webkit-scrollbar-thumb,
.navigation__menu-scroll::-webkit-scrollbar-thumb {
    background-color: var(--color-bg-secondary);
    border-radius: 2px;
}

.navigation__menu::-webkit-scrollbar-thumb:hover,
.navigation__menu-scroll::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-text-secondary);
}


.navigation__underline-track {
    position: absolute;
    bottom: 0;
    height: 6px;
    background-color: var(--color-bg-secondary);
    transition: left 0.3s ease, width 0.3s ease;
    z-index: 1;
    pointer-events: none;
}

.navigation__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 0;
    margin: 0 20px;
    /* height: 30px; */
    text-decoration: none;
    position: relative;
    flex-shrink: 0;
    z-index: 2;
    transition: all 0.2s ease;
}
.navigation__item:hover {
    text-decoration: none;
}

.navigation__text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2em;
    color: var(--color-text-secondary);
    text-align: center;
    white-space: nowrap;
    transition: font-weight 0.2s ease, color 0.2s ease;
}

.navigation__item--consult {
    flex-shrink: 0;
}
.navigation__item--consult-desktop {

}
.navigation__item--consult-mobile {
    display: none;
}
.navigation__text-button {
    padding: 12px 20px;
    
    background: none;
    border-radius: 5px;
    color: var(--color-text-secondary);

    position: relative;
    text-decoration: none;
    

    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);

    outline: none;
    overflow: hidden;
    vertical-align: top;
    z-index: 1;
    
    transition: border-color .5s, background-color .5s;
}
.navigation__text-button:hover {
    
    color: #fff;
    text-decoration: none;
   
}
.is-stuck .navigation__item--consult .navigation__text-button {
    color: #fff;
    background-color: #ff6c00;
    font-weight: normal;
}

.navigation__item--bold .navigation__text {
    font-weight: 700;
}

.navigation__item--active .navigation__text {
    font-weight: 700;
    color: var(--color-text-primary);
}

.navigation__item:hover .navigation__text {
    color: var(--color-text-primary);
}

.navigation__line {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-bg-secondary);
    z-index: 1;
}

.navigation__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.navigation__progress-fill {
    height: 100%;
    background-color: var(--color-primary);
    width: 0%;
    transition: width 0.1s ease;
}

@media (max-width: 1400px) {
    .navigation__menu {
        padding: 0 var(--spacing-sm);
        justify-content: flex-start;
    }
    
    .navigation__menu-scroll {
        justify-content: flex-start;
    }
    
    .navigation {
        height: auto;
        min-height: 30px;
    }
    
    .navigation__item {
        flex: 0 0 auto;
    }
}

@media (max-width: 768px) {
    .navigation__menu {
        padding: 0 var(--mobile-padding-x);
        justify-content: flex-start;
    }
    
    .navigation__menu-scroll {
        justify-content: flex-start;
        margin-right: 8px;
    }
    
    .navigation__item {
        flex: 0 0 auto;
        padding: 0 8px;
    }
    
    .navigation__text {
        font-size: 16px;
    }
    
    .navigation__progress-bar {
        bottom: -1px;
    }
}

@media (max-width: 480px) {
    .navigation {
        top: 0;
    }
    .navigation__menu {
        padding: 0;
    }
    .navigation__menu-scroll {
        margin-right: 4px;
    }
    .navigation__item {
        padding: 0 6px;
        margin: 0 5px 0 0;
    }
    .navigation__text {
        font-size: 14px;
        white-space: normal;
    }
    .navigation__item--consult-desktop {
        display: none;
    }
    .navigation__item--consult-mobile {
        display: flex;
        margin: 5px 0;
        padding: 0;
    }
    .navigation__item--consult-mobile .navigation__text-button{
        padding: 6px 10px;
    }
    .navigation__line,
    .navigation__underline-track {
        display: none;
    }
}

.about-section {
    padding: var(--section-spacing-y) 0;
}
.about-section__container {
    max-width: var(--content-max-width);
    margin: 0 auto;
    width: 100%;
}
.about-section__left {
    width: 100%;
}
.about-section__left-content {
    width: 100%;
    min-height: 378px;
    background-color: var(--color-bg-primary);
    border-radius: 30px 30px 0px 30px;
    padding: 40px 30px 10px 40px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.about-section__title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2em;
    color: var(--color-text-secondary);
    margin-bottom: 15px;
    max-width: 323px;
}
.about-section__certificate {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto;
    align-items: end;
    gap: 0;
    margin-top: auto;
    /* padding-top: var(--spacing-md); */
    position: relative;
    /* min-height: 189px; */
}
.about-section__certificate-text {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    max-width: 185px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--color-text-secondary);
    z-index: 2;
    padding: 0 0 24px 0;
}
.about-section__image {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    width: 110px;
    height: 165px;
    object-fit: contain;
    z-index: 1;
    margin-right: 0;
    margin-bottom: 5px;
}
.about-section__right {
    width: 100%;
    padding: 20px 0 0 80px;
}
.about-section__heading {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    /* line-height: 1.2em; */
    color: var(--color-text-secondary);
    margin-bottom: 22px;
}
.about-section__subheading {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 1.29em;
    color: var(--color-text-secondary);
    margin-bottom: 5px;
}

.about-section__list {
    /* list-style: none; */
    padding: 0;
    margin: 15px 0;
}

.about-section__list li {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.29em;
    color: var(--color-text-secondary);
    margin-bottom: 8px;
    background: #eff4f6;
    list-style: none;
    padding: 4px 8px;
    margin: 5px 0;
    border-radius: 5px;
    width: fit-content;
}

.about-section__list li:last-child {
    margin-bottom: 0;
}

.about-section__description {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.29em;
    color: var(--color-text-secondary);
    margin: 10px 0;
}

@media (max-width: 1200px) {
    .about-section {
        padding: var(--section-spacing-y) var(--spacing-sm);
    }
    
    .about-section__container {
        max-width: 100%;
    }
    
    .about-section__left-content {
        min-height: auto;
        padding: var(--spacing-md);
    }
    
    .about-section__right {
        padding: var(--spacing-md) var(--spacing-sm) var(--spacing-md) var(--spacing-md);
    }
    
    .about-section__heading {
        font-size: 22px;
        margin-bottom: var(--spacing-sm);
    }
    
    .about-section__subheading {
        font-size: 17px;
    }
}

@media (max-width: 992px) {
    .about-section__left-content {
        border-radius: 30px 30px 30px 30px;
        padding: var(--spacing-md);
    }
    
    .about-section__right {
        padding: var(--spacing-md) var(--spacing-sm);
        padding-top: var(--spacing-lg);
    }
    
    .about-section__title {
        max-width: 100%;
        font-size: 24px;
    }
    
    .about-section__certificate {
        min-height: 160px;
        padding-top: var(--spacing-sm);
    }
    
    .about-section__image {
        width: 100px;
        height: 150px;
        margin-bottom: 10px;
    }
    
    .about-section__certificate-text {
        max-width: calc(100% - 120px);
        padding-bottom: 20px;
        /* font-size: 15px; */
    }
}

@media (max-width: 768px) {
    .about-section {
        padding: var(--section-spacing-y-mobile) 0;
    }
    
    .about-section__left-content {
        padding: var(--spacing-md);
        min-height: auto;
    }
    
    .about-section__title {
        font-size: 20px;
        margin-bottom: var(--spacing-sm);
    }
    
    .about-section__certificate {
        min-height: 160px;
        padding-top: var(--spacing-sm);
    }
    
    .about-section__image {
        width: 80px;
        height: 120px;
        margin-bottom: 10px;
    }
    
    .about-section__certificate-text {
        /* font-size: 14px; */
        /* padding-bottom: 20px; */
        max-width: calc(100% - 100px);
    }
    
    .about-section__right {
        padding: var(--spacing-xs);
    }
    
    .about-section__heading {
        font-size: 18px;
        margin-bottom: var(--spacing-sm);
    }
    
    .about-section__subheading {
        font-size: 16px;
        margin-bottom: var(--spacing-xs);
    }
    
    .about-section__list li {
        font-size: 16px;
        margin-bottom: var(--spacing-xs);
        width: auto;
    }
    
    .about-section__description {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .about-section__left-content {
        padding: var(--spacing-sm);
        border-radius: 20px;
    }
    
    .about-section__certificate {
        min-height: auto;
        padding-top: var(--spacing-xs);
    }
    
    .about-section__title {
        font-size: 18px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .about-section__image {
        width: 70px;
        height: 105px;
        margin-bottom: 0;
    }
    
    .about-section__certificate-text {
        /* font-size: 12px; */
        padding: 0;
        margin: 0;
        max-width: calc(100% - 80px);
    }
    
    .about-section__heading {
        font-size: 16px;
    }
    
    .about-section__subheading {
        font-size: 14px;
    }
    
    .about-section__list li {
        font-size: 14px;
    }
    
    .about-section__description {
        font-size: 14px;
    }
}


.servers-section {
    padding: var(--section-spacing-y) 0;
}
.servers-section__title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2em;
    color: var(--color-text-primary);
    text-align: center;
    margin: 0 auto 40px;
    width: 571px;
    max-width: 100%;
}
.servers-section__content {
    max-width: var(--content-max-width);
    margin: 0 auto;
    width: 100%;
    background-color: #F7F9FA;
    border-radius: 30px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.servers-section__badges {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    width: 829px;
    max-width: 100%;
}
.servers-section__badge {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    background-color: #4E5A61;
    border-radius: 30px;
    flex-shrink: 0;
}
.servers-section__badge-icon {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}
.servers-section__badge-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2em;
    color: #FFFFFF;
    white-space: nowrap;
}
.servers-section__cards {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 8px;
    /* width: 1118px; */
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.servers-section__card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 20px 20px 30px;
    width: 273px;
    border-radius: 30px;
    flex-shrink: 0;
}
.servers-section__card--with-bg {
    background-color: #DCE6EB;
}
.servers-section__card-header {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
}
.servers-section__card-title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
}
.servers-section__card-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2em;
    color: var(--color-text-secondary);
    margin: 0;
}
.servers-section__card-line {
    width: 100%;
    height: 1px;
    background-color: var(--color-text-secondary);
}
.servers-section__card-content {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1;
}
.servers-section__card-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.servers-section__card-item {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2em;
    color: var(--color-text-secondary);
    margin: 0;
}
.servers-section__card-item--bold {
    font-weight: 700;
}
.servers-section__footer {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2em;
    color: var(--color-text-secondary);
    text-align: center;
    margin: 0;
}
@media (max-width: 1400px) {
    .servers-section__content {
        /* max-width: 95%; */
        padding: var(--spacing-md);
    }
    .servers-section__cards {
        width: 100%;
        justify-content: center;
    }
}
@media (max-width: 1200px) {
    .servers-section__title {
        width: 100%;
        font-size: 28px;
        margin-bottom: var(--spacing-md);
    }
    
    .servers-section__content {
        /* max-width: 95%; */
        padding: var(--spacing-md);
        gap: var(--spacing-md);
    }
    
    .servers-section__badges {
        width: 100%;
        justify-content: center;
    }
    
    .servers-section__cards {
        width: 100%;
        justify-content: center;
    }
    
    .servers-section__card {
        width: calc(50% - 5px);
        max-width: 273px;
    }
}
@media (max-width: 768px) {
    .servers-section {
        padding: var(--section-spacing-y-mobile) 0;
    }
    .servers-section__title {
        font-size: 24px;
        margin-bottom: var(--spacing-xs);
    }
    .servers-section__content {
        padding: var(--spacing-md) 0;
        gap: var(--spacing-md);
    }
    .servers-section__badges {
        justify-content: flex-start;
        padding: 0 var(--spacing-sm);
    }
    .servers-section__badge {
        flex: 0 0 auto;
    }
    .servers-section__badge-text {
        white-space: normal;
        font-size: 14px;
    }
    .servers-section__cards {
        flex-direction: column;
        align-items: stretch;
    }
    .servers-section__card {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: auto;
    }
    .servers-section__card-title {
        font-size: 18px;
    }
    .servers-section__card-text {
        font-size: 14px;
    }
    .servers-section__footer {
        /* font-size: 16px; */
        font-weight: bold;
        padding: 0 var(--spacing-md);
    }
}


.for-you-section {
    padding: var(--section-spacing-y) 0;
}
.for-you-section__title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2em;
    color: var(--color-text-primary);
    text-align: center;
    margin: 0 auto 40px;
}
.for-you-section__content {
    max-width: var(--content-max-width);
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.for-you-section__top-cards {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 10px;
}
.for-you-section__bottom-cards {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: stretch;
}
.for-you-section__card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
    border-radius: 30px;
    position: relative;
}
.for-you-section__card--pink {
    background-color: #FFF2F2;
    flex: 1;
}
.for-you-section__card--light {
    background-color: #F7F9FA;
}
.for-you-section__card--light:first-child {
    flex: 0 0 348px;
}
.for-you-section__card--light:nth-child(2) {
    flex: 1;
}
.for-you-section__card--green {
    background-color: #C6E6CC;
    flex: 1;
}
.for-you-section__card-header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--spacing-sm);
}
.for-you-section__card-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 28px;
    line-height: 1.2em;
    color: var(--color-text-secondary);
    margin: 0;
    flex: 1;
}
.for-you-section__card-number {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 64px;
    line-height: 1.2em;
    color: #909BA6;
    flex-shrink: 0;
}
.for-you-section__card-description {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2em;
    color: var(--color-text-secondary);
    margin: 0;
}
.for-you-section__card-note {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2em;
    color: var(--color-text-secondary);
    margin: 0;
}
.for-you-section__button {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2em;
    color: var(--color-text-secondary);
    border: none;
    border-radius: 5px;
    padding: 6px 12px;
    /* cursor: pointer; */
    align-self: flex-start;
    margin-top: auto;
    position: absolute;
    bottom: 20px;
    right: 20px;
    transform: rotate(-2deg);
    transition: 1s;
}
.for-you-section__card:hover .for-you-section__button {
    background-color: #FFFFFF;
    color: var(--color-text-secondary);
}
.for-you-section__button--white {
    background-color: #FFFFFF;
}

.for-you-section__button--green {
    background-color: #FFFFFF;
}


@media (max-width: 1400px) {
    .for-you-section__content {
        padding: 0 var(--spacing-sm);
    }
}

@media (max-width: 1200px) {
    .for-you-section__title {
        font-size: 28px;
        margin-bottom: var(--spacing-md);
    }
    .for-you-section__card--light:first-child {
        flex: 1;
    }
    .for-you-section__card--green {
        flex: 0 0 400px;
    }
    .for-you-section__card {
        padding-bottom: 40px;
    }
    /* .for-you-section__bottom-cards .for-you-section__button {
        bottom: 10px;
    } */
}
@media (max-width: 768px) {
    .for-you-section {
        padding: var(--section-spacing-y-mobile) 0;
    }
    
    .for-you-section__title {
        font-size: 24px;
        margin-bottom: var(--spacing-xs);
    }
    
    .for-you-section__content {
        max-width: 100%;
        padding: 0;
    }
    .for-you-section__top-cards {
        flex-direction: column;
        /* gap: var(--spacing-md); */
    }
    .for-you-section__card--pink {
        width: 100%;
    }
    
    .for-you-section__bottom-cards {
        flex-direction: column;
        /* gap: var(--spacing-md); */
    }
    .for-you-section__card--light,
    .for-you-section__card--green {
        width: 100%;
        flex: 1;
    }
    .for-you-section__card--light:first-child {
        flex: 1;
    }

    .for-you-section__card {
        /* padding: var(--spacing-md); */
    }
    .for-you-section__card-header {
        gap: var(--spacing-xs);
    }
    .for-you-section__card-number {
        font-size: 48px;
    }
    .for-you-section__card-title {
        font-size: 24px;
    }
    .for-you-section__card-description,
    .for-you-section__card-note {
        font-size: 18px;
    }
    .for-you-section__button {
        bottom: 10px;
        right: 10px;
    }
}


.difference-section {
    padding: var(--section-spacing-y) 0;
    /* background-color: var(--color-bg-primary); */
}
.difference-section__title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.171875em;
    color: var(--color-text-primary);
    text-align: center;
    margin: 0 auto 40px;
    width: 750px;
    max-width: 100%;
}
.difference-section__content {
    max-width: 1199px;
    margin: 0 auto;
    position: relative;
}
.difference-section__main-block {
    max-width: 1199px;
    width: 100%;
    margin: 0 auto;
    background-color: #F7F9FA;
    border-radius: 30px;
    padding: 15px;
}
.difference-section__blocks-wrapper {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto;
    gap: 15px;
    align-items: stretch;
}


.difference-section__logo-block {
    
}
.difference-section__middle-block {
    background-color: #FFFFFF;
    border-radius: 0px 30px 30px 30px;
    padding: 25px 28px;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto;
    gap: var(--spacing-md);
    align-items: start;
}
.difference-section__description {
    /* padding-top: 40px; */
    margin: 0;
}
.difference-section__description p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4em;
    color: #333343;
    margin: 0 0 10px 0;
}
.difference-section__description p:last-child {
    margin-bottom: 0;
}
.difference-section__server-block {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 300px;
    width: 300px;
    flex-shrink: 0;
    position: relative;
}
.difference-section__server-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 1.171875em;
    color: #333343;
    margin: 0 0 5px 0;
}
.difference-section__features {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 0;
    margin-top: 15px;
}
.difference-section__feature {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 6px;
}
.difference-section__icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 0;
}
.difference-section__feature-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.171875em;
    color: #333343;
    margin: 0;
}
.difference-section__button {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.171875em;
    color: #FFFFFF;
    background-color: #FF6C00;
    border: none;
    border-radius: 5px;
    padding: 6px 12px;
    /* cursor: pointer; */
    align-self: flex-start;
    margin-top: 20px;
    /* width: 164px; */
    /* height: 31px; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -20px;
    right: -20px;
    transform: rotate(-2deg);
}
.difference-section__right-block {
    background-color: #FFF2F2;
    border-radius: 30px;
    padding: 25px;
    min-width: 300px;
    width: 300px;
    flex-shrink: 0;
}
.difference-section__right-inner {
    display: flex;
    flex-direction: column;
}
.difference-section__right-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 1.171875em;
    color: #333343;
    margin: 0 0 5px 2px;
}
.difference-section__right-block .difference-section__features {
    gap: 15px;
}

.difference-section__info {
    display: flex;
    flex-direction: row;
    gap: 66px;
    margin-top: 22px;
    max-width: 1199px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-left: 208px;
}
.difference-section__info-block {
    flex: 0 0 auto;
}
.difference-section__info-block:first-child {
    width: 355px;
}
.difference-section__info-block:last-child {
    width: 541px;
}
.difference-section__info-block p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.171875em;
    color: #333343;
    margin: 0 0 10px 0;
}
.difference-section__info-block p:last-child {
    margin-bottom: 0;
}
.difference-section__info-block p strong {
    font-weight: 700;
}

@media (max-width: 1400px) {
    .difference-section__content {
        max-width: 95%;
        padding: 0 var(--spacing-sm);
    }    
    .difference-section__blocks-wrapper {
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
    }    
    .difference-section__logo-block {
        grid-row: 1;
        grid-column: 1;
    }    
    .difference-section__middle-block {
        grid-row: 1;
        grid-column: 2;
    }    
    .difference-section__right-block {
        grid-row: 2;
        grid-column: 1 / -1;
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 1200px) {
    .difference-section__title {
        font-size: 28px;
        width: 100%;
    }    
    .difference-section__blocks-wrapper {
        padding: var(--spacing-md);
        gap: var(--spacing-md);
    }    
    .difference-section__middle-block {
        padding: var(--spacing-md);
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }    
    .difference-section__server-block {
        min-width: auto;
        width: auto;
    }    
    .difference-section__right-block {
        padding: var(--spacing-md);
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 992px) {
    .difference-section__info {
        flex-direction: column;
        gap: var(--spacing-md);
        padding-left: 0;
        padding-right: var(--spacing-sm);
        padding-left: var(--spacing-sm);
    }    
    .difference-section__info-block:first-child,
    .difference-section__info-block:last-child {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .difference-section {
        padding: var(--section-spacing-y-mobile) 0;
    }    
    .difference-section__title {
        font-size: 24px;
        margin-bottom: var(--spacing-md);
        line-height: 1.25;
    }    
    .difference-section__content {
        max-width: 100%;
        padding: 0;
    }    
    .difference-section__main-block {
        padding: var(--spacing-sm);
        border-radius: 20px;
    }
    

    .difference-section__blocks-wrapper {
        border-radius: 0;
        padding: 0;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        gap: var(--spacing-sm);
    }
    

    .difference-section__logo-block {
        grid-row: 1;
        grid-column: 1;
        justify-self: center;
    }
    

    .difference-section__middle-block {
        grid-row: 2;
        grid-column: 1;
        width: 100%;
        border-radius: 16px;
        padding: var(--spacing-sm);
        grid-template-columns: 1fr;
        min-width: 0;
    }    
    .difference-section__right-block {
        grid-row: 3;
        grid-column: 1;
        border-radius: 16px;
        padding: var(--spacing-sm);
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }    
    .difference-section__server-title,
    .difference-section__right-title {
        font-size: 16px;
    }    
    .difference-section__description p {
        font-size: 15px;
    }    
    .difference-section__feature-text {
        font-size: 13px;
    }    
    .difference-section__features {
        gap: 10px;
        margin-top: 10px;
    }    
    .difference-section__info {
        /* margin-top: var(--spacing-md); */
        padding: var(--spacing-sm);
    }    
    .difference-section__info-block p {
        font-size: 14px;
    }    
    .difference-section__button {
        width: auto;
        padding: 6px 12px;
        height: auto;
        bottom: -16px;
        right: 10px;
    }
}
@media (max-width: 480px) {
    .difference-section__title {
        font-size: 24px;
        margin-bottom: var(--spacing-xs);
    }
    
    .difference-section__description p {
        font-size: 14px;
    }    
    .difference-section__feature-text {
        font-size: 12px;
    }
}


.slider-section {
    padding: var(--section-spacing-y) 0;
    background-color: #FFFFFF;
}
.slider-container {
    max-width: 1198px;
    margin: 0 auto;
    padding: 0 20px;
}
.slider-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.171875em;
    color: #000000;
    margin: 0 auto 20px;
    /* padding-left: 120px; */
}
.slider-subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.171875em;
    color: #666666;
    margin-bottom: 60px;
    /* padding-left: 120px; */
}
.slider-wrapper {
    display: flex;
    align-items: center;
    gap: 33px;
    position: relative;
}
.slider-menu {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-end;
}
.slider-menu-item  {
    width: 327px;
    min-height: 83px;
    background-color: transparent;
    border-radius: 30px 30px 0px 30px;
    padding: 15px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.slider-menu-item:hover {
    transform: translateX(-5px);
}
.slider-menu-item.active {
    background-color: #F7F9FA;
}
.slider-menu-item.active .menu-text {
    color: #FF6C00;
}
.menu-text {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.171875em;
    text-align: right;
    color: #333343;
    transition: color 0.3s ease;
}
.slider-content {
    flex: 1;
    position: relative;
}
.image-container {
    position: relative;
    width: 800px;
    height: 500px;
    border-radius: 10px;
}
.image-container-inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.slider-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.4s ease;
    opacity: 0;
}
.slider-image-active {
    opacity: 1;
    z-index: 1;
}
.slider-image-next {
    opacity: 0;
    z-index: 2;
}
.text-overlay {
    position: absolute;
    top: -60px;
    right: -40px;
    width: 400px;
    min-height: 120px;
    background-color: #F7F9FA;
    border-radius: 30px 30px 30px 0px;
    padding: 24px 45px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
    pointer-events: none;
    z-index: 10;
}
.text-overlay.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.overlay-content {
    width: 100%;
}
.overlay-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.271875em;
    text-align: left;
    color: #333343;
    white-space: pre-line;
    margin: 0;
}
@media (max-width: 1200px) {
    .slider-wrapper {
        flex-direction: column;
        align-items: center;
    }    
    .slider-menu {
        width: 100%;
        align-items: center;
    }    
    .slider-menu-item {
        width: 100%;
        max-width: 500px;
        justify-content: center;
    }    
    .menu-text {
        text-align: center;
    }    
    .image-container {
        width: 100%;
        max-width: 800px;
    }    
    .text-overlay {
        position: relative;
        top: 20px;
        right: auto;
        width: 100%;
        margin: 0 auto;
    }    
    .slider-title,
    .slider-subtitle {
        padding-left: 0;
        text-align: center;
    }
}
@media (max-width: 768px) {
    .slider-section {
        padding: var(--section-spacing-y-mobile) 0;
    }    
    .slider-container {
        padding: 0;
        max-width: 100%;
    }    
    .slider-title {
        font-size: 24px;
        margin-bottom: 12px;
        text-align: center;
    }    
    .slider-subtitle {
        font-size: 14px;
        margin-bottom: 24px;
        text-align: center;
    }    
    .slider-wrapper {
        gap: 20px;
        flex-direction: column;
    }    
    .slider-menu-mobile-wrap {
        display: flex;
        align-items: stretch;
        width: 100%;
        /* gap: 8px; */
        position: relative;
    }    
    .slider-menu-arrow {
        flex-shrink: 0;
        width: 44px;
        height: 44px;
        align-self: center;
        padding: 0;
        border: none;
        background: #F7F9FA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333343' stroke-width='2'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") center no-repeat;
        background-size: 20px;
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.2s;
    }    
    .slider-menu-arrow--next {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333343' stroke-width='2'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
    }    
    .slider-menu-arrow:hover {
        background-color: #e8ecef;
    }    
    .slider-menu-arrow:disabled {
        opacity: 0.4;
        cursor: default;
    }
    .slider-menu {
        flex: 1 1 0;
        min-width: 0;
        overflow: hidden;
    }
    
    .slider-menu-track {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        width: 700%;
        min-height: 56px;
        transition: transform 0.3s ease;
    }    
    .slider-menu-item {
        flex: 0 0 14.2857%; /* 100% / 7 */
        width: 14.2857%;
        min-width: 0;
        box-sizing: border-box;
        min-height: 56px;
        padding: 10px 12px;
        border-radius: 16px 16px 0 16px;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }    
    .slider-menu-item .menu-text {
        font-size: 13px;
        text-align: center;
        line-height: 1.3;
        overflow-wrap: break-word;
        word-break: break-word;
    }
    .slider-content {
        width: 100%;
    }    
    .image-container {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        border-radius: 8px;
        overflow: hidden;
    }    
    .image-container-inner {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 62.5%; /* 5/8 — пропорция скриншота */
        flex-shrink: 0;
    }    
    .image-container-inner .slider-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }    
    .text-overlay {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        min-height: auto;
        padding: 16px 20px;
        border-radius: 0 16px 16px 16px;
        margin: 0;
    }    
    .overlay-text {
        font-size: 14px;
        line-height: 1.4;
    }
}
@media (min-width: 769px) {
    .slider-menu-arrow {
        display: none;
    }    
    .slider-menu-mobile-wrap {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }    
    .slider-menu-track {
        display: contents;
    }
}
@media (max-width: 480px) {
    .slider-title {
        font-size: 24px;
        margin-bottom: var(--spacing-xs);
    }    
    .slider-subtitle {
        font-size: 13px;
    }    
    .slider-menu-item .menu-text {
        font-size: 12px;
    }    
    .image-container-inner {
        padding-bottom: 55%;
    }    
    .text-overlay {
        padding: 12px 16px;
    }    
    .overlay-text {
        font-size: 13px;
    }
}


.pricing-section {
    padding: var(--section-spacing-y) 0;
}
.pricing-section__title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.171875em;
    color: var(--color-text-primary);
    text-align: center;
    margin: 0 auto 40px;
    max-width: 100%;
}
.pricing-section__content {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #F7F9FA;
    border-radius: 30px;
    padding: 30px;
}
.pricing-section__switcher {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #DCE6EB;
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 40px;
    height: 60px;
    gap: 0px;
}
.pricing-section__switcher-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #DCE6EB;
    border-radius: 10px;
    z-index: 1;
}
.pricing-section__switcher-slider {
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(33.333% - 10px);
    height: calc(100% - 10px);
    background-color: #FFFFFF;
    border-radius: 10px;
    z-index: 2;
    transition: left 0.3s ease, width 0.3s ease;
    pointer-events: none;
}
.pricing-section__switcher-option {
    flex: 1;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 21px;
    line-height: 1.171875em;
    color: #343A40;
    background: none;
    border: none;
    padding: 10px;
    cursor: pointer;
    position: relative;
    z-index: 3;
    text-align: center;
    transition: font-weight 0.3s ease, color 0.3s ease;
}
.pricing-section__switcher-option--active {
    font-weight: 700;
    color: #FF6C00;
}
.pricing-section__tabs {
    position: relative;
}
.pricing-section__tab {
    display: none;
}
.pricing-section__tab--active {
    display: block;
}
.pricing-section__periods {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 30px;
    justify-content: center;
}
.pricing-section__period {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 10px 0 0 0;
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}
.pricing-section__period span:first-child {
    background-color: #ECEFF1;
    border-radius: 10px;
    padding: 6px 20px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.171875em;
    color: #333343;
}
.pricing-section__period--active span:first-child {
    background-color: #607D8B;
    color: #FFFFFF;
}
.pricing-section__period-badge {
    position: absolute;
    top: 5px;
    right: -5px;
    background-color: #FF6C00;
    color: #FFFFFF;
    border-radius: 10px;
    padding: 0 5px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.171875em;
}
.pricing-section__cards {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: var(--spacing-md);
    flex-wrap: wrap;
}
.pricing-section__card {
    flex: 1;
    min-width: 250px;
    background: #fff /*linear-gradient(180deg, #DCE6EB 0%, #FFFFFF 100%)*/;
    border: 1px solid #DCE6EB;
    border-radius: 30px;
    padding: 30px 35px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
}
.pricing-section__price-block {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.pricing-section__price-main {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 5px;
}
.pricing-section__price-old {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5em;
    color: #333333;
    text-decoration: line-through;
    opacity: 0.5;
}
.pricing-section__price-current {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5em;
    color: #333333;
}
.pricing-section__price-year {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5em;
    color: #666666;
    margin-bottom: 10px;
}
.pricing-section__price-year-old {
    text-decoration: line-through;
    opacity: 0.5;
}
.pricing-section__price-year-discount {
    color: #333333;
}
.pricing-section__discount-badge {
    position: absolute;
    top: -12px;
    right: -5px;
    background-color: #FF6B35;
    color: #FFFFFF;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.171875em;
    padding: 2px 4px;
    border-radius: 10px;
}
.pricing-section__price-line {
    position: absolute;
    left: 0;
    background-color: #FF6B35;
}
.pricing-section__price-line--thick {
    width: 100%;
    height: 2px;
    bottom: 30px;
}
.pricing-section__price-line--thin {
    width: 100%;
    height: 1px;
    bottom: 25px;
}
.pricing-section__card-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5em;
    color: #333333;
    /* margin: 0 0 var(--spacing-md) 0; */
}
.pricing-section__specs {
    display: flex;
    flex-direction: column;
    gap: 0;
    /* margin-bottom: var(--spacing-lg); */
    flex: 1;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5em;
    color: #333333;
    margin: 0;
}
.pricing-section__spec {
    padding: 0;
    margin: 0;
}
.pricing-section__button {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 22px;
    line-height: 1.171875em;
    color: #FF6B35;
    background-color: transparent;
    border: 1px solid #FF6B35;
    border-radius: 10px;
    padding: 12px 24px;
    cursor: pointer;
    align-self: center;
    width: 200px;
    margin-top: auto;
}
.pricing-section__features {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
}
.pricing-section__divider {
    width: 100%;
    height: 0;
    border-top: 1px solid #DCE6EB;
    margin-bottom: 30px;
}
.pricing-section__footer {
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 0 20px;
    align-items: stretch;
}
.pricing-section__footer-text {
    flex: 1;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #333333;
    margin: 0;
}
.pricing-section__kp-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    background-color: #FFFFFF;
    border: 1px solid #7B929D;
    border-radius: 10px;
    cursor: pointer;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.171875em;
    color: #333343;
}
.pricing-section__feature-badge {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    background-color: #3194E7;
    border-radius: 30px;
    padding: 5px 10px;
}
.pricing-section__feature-icon {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}
.pricing-section__feature-badge span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.171875em;
    color: #FFFFFF;
}
@media (max-width: 1400px) {
    .pricing-section__content {
        max-width: 95%;
        padding: var(--spacing-md) var(--spacing-sm);
    }
}
@media (max-width: 1200px) {
    .pricing-section__title {
        width: 100%;
        font-size: 28px;
        margin-bottom: var(--spacing-md);
    }    
    .pricing-section__content {
        max-width: 95%;
        padding: var(--spacing-md);
    }    
    .pricing-section__switcher {
        margin-bottom: var(--spacing-lg);
    }    
    .pricing-section__cards {
        flex-direction: column;
    }    
    .pricing-section__card {
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .pricing-section {
        padding: var(--section-spacing-y-mobile) 0;
    }    
    .pricing-section__title {
        font-size: 24px;
        margin-bottom: var(--spacing-md);
    }    
    .pricing-section__content {
        max-width: 100%;
        padding: var(--spacing-md) var(--mobile-padding-x);
        border-radius: 20px;
    }
    .pricing-section__switcher {
        height: auto;
        flex-direction: column;
        padding: var(--spacing-xs);
        margin-bottom: var(--spacing-md);
    }    
    .pricing-section__switcher-slider {
        display: none;
    }    
    .pricing-section__switcher-option {
        font-size: 16px;
        padding: 12px var(--spacing-xs);
        border-radius: 10px;
        margin-bottom: 4px;
    }    
    .pricing-section__switcher-option--active {
        background-color: #FFFFFF;
        color: #FF6B35;
    }

    .pricing-section__periods {
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
        margin-bottom: 20px;
    }    
    .pricing-section__period span:first-child {
        padding: 6px 14px;
        font-size: 14px;
    }    
    .pricing-section__card {
        padding: 20px 16px;
        min-width: 0;
        border-radius: 20px;
    }    
    .pricing-section__price-old,
    .pricing-section__price-current {
        font-size: 20px;
    }    
    .pricing-section__card-title {
        font-size: 18px;
    }    
    .pricing-section__spec {
        font-size: 16px;
    }    
    .pricing-section__button {
        font-size: 16px;
        width: 100%;
        padding: 12px 16px;
    }    
    .pricing-section__features {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
    }    
    .pricing-section__feature-badge {
        padding: 6px 12px;
    }    
    .pricing-section__feature-badge span {
        font-size: 13px;
    }
    
    .pricing-section__footer {
        flex-direction: column;
        gap: 16px;
        padding: 0;
    }    
    .pricing-section__footer-text {
        font-size: 14px;
        text-align: center;
    }    
    .pricing-section__kp-button {
        width: 100%;
        justify-content: center;
    }    
    .pricing-section__divider {
        margin-bottom: 20px;
    }
}
@media (max-width: 480px) {
    .pricing-section__title {
        font-size: 24px;
        margin-bottom: var(--spacing-xs);
    }    
    .pricing-section__content {
        padding: 16px;
    }    
    .pricing-section__switcher-option {
        font-size: 14px;
    }    
    .pricing-section__period span:first-child {
        font-size: 13px;
        padding: 5px 10px;
    }    
    .pricing-section__card {
        padding: 16px;
    }    
    .pricing-section__price-old,
    .pricing-section__price-current {
        font-size: 18px;
    }
}


.support-section {
    /* padding: var(--section-spacing-y) 0; */
}
.support-section__content {
    max-width: 1199px;
    margin: 0 auto;
    position: relative;
}
.support-section__main-block {
    max-width: 100%;
    /* min-height: 264px; */
    background-color: var(--color-bg-primary);
    border-radius: var(--border-radius-block);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    align-items: stretch;
    padding: 13px;
}


.support-section__logo-block {
    flex: 0 0 148px;
}
.support-section__logo-inner {

}

.support-section__left-block {
    flex: 1 1 440px;
    min-width: 280px;
    background-color: var(--color-white);
    border-radius: 0 30px 30px 30px;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}
.support-section__left-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.support-section__title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.171875em;
    color: var(--color-text-secondary);
    margin: 0;
    flex: 1 1 200px;
}
.support-section__avatars {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
    flex-shrink: 0;
}
.support-section__avatar-placeholder {
    width: 50px;
    height: 50px;
    background-color: #D9D9D9;
    border-radius: 50%;
    border: 2px solid var(--color-white);
    margin-left: -10px;
    flex-shrink: 0;
}
.support-section__avatar-placeholder:first-child {
    margin-left: 0;
}
.support-section__avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid var(--color-white);
    background: #d9d9d9;
    margin-left: -10px;
    flex-shrink: 0;
    object-fit: cover;
}
.support-section__left-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.support-section__subtitle {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.171875em;
    color: var(--color-text-secondary);
    margin: 0;
    position: absolute;
    left: 238px;
    top: 36px;
    width: 133px;
}
.support-section__button {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.171875em;
    color: var(--color-white);
    background-color: #FF6C00;
    border: none;
    border-radius: 5px;
    padding: 2px 4px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.support-section__button--free {
    position: absolute;
    left: 16px;
    top: 4px;
    width: 69px;
    height: 24px;
}
.support-section__button--premium {
    position: absolute;
    left: 313px;
    top: 17px;
    width: 141px;
    height: 29px;
    padding: 2px 3px;
}
.support-section__description {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.171875em;
    color: var(--color-text-secondary);
    margin: 0;
}
.support-section__features {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: auto;
}
.support-section__feature {
    display: flex;
    flex-direction: row;
    align-items: center;
    /* gap: 14px; */
}
.support-section__feature-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    object-fit: contain;
}
.support-section__feature-text {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.171875em;
    color: var(--color-text-secondary);
}
.support-section__right-block {
    flex: 1 1 400px;
    min-width: 280px;
    background-color: var(--color-bg-secondary);
    border-radius: 30px;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}
.support-section__right-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 1.171875em;
    color: var(--color-text-secondary);
    margin: 0;
}
.support-section__right-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-width: 0;
}
.support-section__right-description {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.171875em;
    color: var(--color-text-secondary);
    margin: 0;
    flex: 1 1 0%;
    min-width: 0;
}
.support-section__right-avatars {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
    flex-shrink: 0;
}
.support-section__right-avatars .support-section__avatar {
    margin-left: -10px;
}
.support-section__right-avatars .support-section__avatar:first-child {
    margin-left: 0;
}
.support-section__right-footer {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.171875em;
    color: var(--color-text-secondary);
    margin: 0;
}
@media (max-width: 1200px) {
    .support-section__main-block {
        padding: var(--spacing-md);
    }
    .support-section__left-block,
    .support-section__right-block {
        padding: var(--spacing-md);
    }
    .support-section__title {
        font-size: 28px;
    }
    .support-section__right-title {
        font-size: 22px;
    }
}
@media (max-width: 1400px) {
    .support-section__content {
        max-width: 95%;
        padding: 0 var(--spacing-sm);
    }
}
@media (max-width: 768px) {
    .support-section {
        padding: var(--section-spacing-y-mobile) 0;
    }
    .support-section__content {
        max-width: 100%;
        padding: 0;
    }
    .support-section__main-block {
        border-radius: 20px;
        padding: var(--spacing-sm);
        gap: var(--spacing-sm);
    }
    .support-section__logo-block {
        flex: 0 0 100%;
        width: 100%;
        min-width: 0;
        max-width: none;
        display: flex;
        justify-content: center;
        background: none;
    }
    .support-section__left-block {
        border-radius: 20px;
        padding: var(--spacing-sm);
        min-width: 100%;
    }
    .support-section__right-block {
        border-radius: 20px;
        padding: var(--spacing-sm);
        min-width: 100%;
    }
    .support-section__title {
        font-size: 24px;
    }
    .support-section__right-title {
        font-size: 20px;
    }
    .support-section__description,
    .support-section__right-description,
    .support-section__right-footer {
        font-size: 16px;
    }
    .support-section__feature-text {
        font-size: 16px;
    }
    .support-section__avatars,
    .support-section__right-avatars {
        margin: 0;
    }
    .support-section__button--free,
    .support-section__button--premium {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
    }
    .support-section__subtitle {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
    }
}



.contact-section {
    padding: var(--section-spacing-y) 0;
    background-color: #FFFFFF;
}
.contact-section__container {
    max-width: 395px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.contact-section__title {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2em;
    color: #333343;
    margin-bottom: 44px;
    text-align: center;
}
.contact-section__button {
    width: 100%;
    max-width: 395px;
    height: 55px;
    background-color: #FF6C00;
    border: none;
    border-radius: 10px;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2em;
    letter-spacing: 0.15%;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-bottom: 23px;
}
.contact-section__button:hover {
    background-color: #E55A00;
}
.contact-section__text {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2em;
    color: #FF6C00;
    text-align: center;
    margin: 0;
}
@media (max-width: 768px) {
    .contact-section {
        padding: var(--section-spacing-y-mobile) 0;
    }
    .contact-section__container {
        max-width: 100%;
        padding: 0;
    }
    .contact-section__button {
        max-width: 100%;
    }
}




/* ******************************************** TMP ******************************************** */


section#consultation {
    padding: var(--section-spacing-y) 0;
}

#consultation .employee_block {
    border: none;
    background: #f7f9fa;
    max-width: var(--content-max-width);
    margin: 0 auto;
    width: 100%;
    border-radius: 30px;
}
#consultation .employee_block__picture-wrap {
    border-radius: 50%;
    overflow: hidden;
}
#consultation .employee_block__picture--video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: none;
}

#consultation .employee_block__title {
    position: relative;
}
#consultation .employee_block__title::before {
    content: attr(data-before-content);
    position: absolute;
    left: -40px;
}
#consultation .employee_block__title::after {
    content: attr(data-after-content);
    animation: employee-title-cursor 0.8s step-end infinite;
}
@keyframes employee-title-cursor {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

/* Единая ширина на мобильных: одинаковые отступы у всех секций */
@media (max-width: 768px) {
    section#consultation {
        padding: var(--section-spacing-y-mobile) 0;
    }
    
    .hero .container-fluid,
    .about-section .container-fluid,
    .servers-section .container-fluid,
    .for-you-section .container-fluid,
    .difference-section .container-fluid,
    .slider-section .container-fluid,
    .pricing-section .container-fluid,
    .support-section .container-fluid,
    .contact-section .container-fluid,
    #consultation .container-fluid {
        padding-left: var(--mobile-padding-x);
        padding-right: var(--mobile-padding-x);
    }
    
    #consultation .employee_block {
        max-width: 100%;
    }
}
#summary__background {
    background: #dce6eb!important;
    border-radius: 10px!important;
    color: #333!important;  
}

/* TMP стили калькулятора */
.server_option input.radio-dashed-block.radio-dashed--transparent + label {
    border-radius: 10px;
    background: #dce6eb;
    box-shadow: none!important;
    border: none!important;
    color: #333 !important;

}
.server_option input.radio-dashed-block.radio-dashed--transparent:checked + label {
    border-radius: 10px;
    background: #176ce8;
    box-shadow: none;
    border: none;
    /* color: #333 !important; */
}
/* End */


/* Start:/local/components/eoffice/server1c.order/templates/universal2026/style.css?177202169313337*/
/* Переключалка */
.rangeinput_container{
	width: 100%;
	cursor: pointer;
	margin-bottom: 20px;
}
.rangeinput,.rangeinput-users{
	width: 100%;
	float: left;
	margin-bottom: 0px;
}
.ui-corner-all{
	border-radius:0px !important;
}

.ui-slider-horizontal{
	height:10px !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background-image:none !important;
	background-color: #176ce8 !important;
	border: none !important;
}
.ui-slider-range{
	position: relative;
}
.ui-slider .ui-slider-handle:focus{
	outline:none;
	
}
.ui-state-default::after{
	content: "";
    position: absolute;
    border-top: 5px solid #176ce8;
    display: block;
    /* width: 10px; */
    border-right: 5px solid #0000;
    border-left: 5px solid #0000;
     top: 20px;
    left: 0px;
}


.ui-widget-content{
	background:#d5d5d5 !important;
	margin-top: 6px;
	border-color: #a6c9e2a3 !important;
}
.ui-widget-header{
	background:#176CE8 !important;
}
.ui-slider .ui-slider-handle{
	border-radius: 0px !important;
	width: 10px !important;
	height: 20px !important;
}
.ui-slider-horizontal .ui-slider-handle{
	top: -8px !important;
	margin-left: -5px !important;
}
.scale {
	height: 3px;
	border-right: 1px solid #176CE8;
	top: 9px;
	position:absolute;
}
.big-step{
	height: 6px;
}
.step-numeric{
	text-align: right;
	display: block;
	font-size: 10px;
	position: relative;
	top: 6px;
	position: absolute;
	right: -6px;
	color:#BBB;
}
.step-numeric>span{
	width: 12px;
	display: block;
	text-align: center;
}


.e-input.e-input_w_button > input, .e-input.e-input_w_button > .e-input_text {
    padding-right: 40px !important;
}


#server-calc-form{
    display: table;
    width: 100%;
/*	width: 750px;
	position: relative;
	margin: 0 auto;*/

}
#summary{
	width:30%;
	display: table-cell;
	vertical-align: top;
	padding-left: 20px;
	position: relative;
	min-width: 325px;
}
#summary .fixed-head{
	position:fixed;
}
#summary .abs{
	position:absolute;
}

#summary__background{
	width: 305px;
	background: #3194e7;
	color:white;
	background: #3194e7;
    background: linear-gradient(to bottom, #176ce8 0%, #1c282f 100%);

}
.summary_inner{
	padding: 20px 10px 20px 20px;
}

#form_server_calc{
	width:70%;
	display: table-cell;
}
#calc-config{
	margin-bottom: 20px;
}
#calc-config > tr,
#calc-config > tbody > tr
{
	border-bottom: 1px solid #ccc;
}
#calc-option .option-name{
	width: 295px;
}
#calc-option .custom-option .option-name{
	width: auto;
	
}
#server-calc-form table{
	width:100%;
}
#server-calc-form td{
	padding-top:10px;
	padding-bottom:10px;
}
#server-calc-form td.cell-name{
	width:250px;
}

#server-calc-form #calc-option td{
    padding-top: 10px;
   padding-bottom: 0px;
}
#calc-option .option-name_price{
	line-height: 35px;
}

 #server-calc-form .rangeinput-td{
	width:50px;
	padding-left:20px;
 }
#server-calc-form  .rangeinput-td input{
	width: 50px;
	text-align: center
}

#server-calc-form .type-option-static .option-value{
	border: none;
}
#server-calc-form  #price{
	font-size: 24px;
}
#server-calc-form label.checkbox-label{
	height: 16px;
	margin: 0;
}
#server-calc-form input.checkbox:checked + label.checkbox-label:after {
  content: "";
  display: inline-block;
  width: 18px !important;
  height: 18px !important;
  position: absolute !important;
  left: 0px !important;
  top: 0px !important;
  background: url("/local/components/eoffice/personal.tarif.list/templates/admin/images/title/blue-white-gal.png") !important;
  background-position: 50% !important;
  background-size: 26px !important;
}

#server-calc-form .sw-tabs{
	margin:0px;
}

.rangeinput-label{
	display: inline-block;
    padding: 5px;
    border: 1px solid #ccc;
    margin-right: 0px;
}
input.hidden{
	width:0px;
	height:0px;
}
input[type=radio]:checked  + .rangeinput-label{
	border-color: #006FCB;
}

.cc-tabs {
	margin-bottom: 50px;
}
@media (min-width: 991px) {
	.cc-tabs {
		margin: 0 85px 50px
	}
}
.cc-tab {
	float: left;
	list-style: none;
	width: 50%;
	font-size: 19px;
	color: #fff;
	margin: 0;
	padding: 15px;
	text-align: center;
	background-color: #5aa9ec;
	cursor: pointer;
}
.cc-tab.active {
	background-color: #ff6c00;
	cursor: not-allowed;
}
.cc-block {
	display: none;
}
.cc-block.active {
	display: block;
}

@media (min-width: 991px) {
	.calculate-tariff {
		margin: 0 100px;
	}
}
.calculate-tariff__row {
	border-spacing: 20px 0;
}
.calculate-tariff__col {
	position: relative;
	display: table-cell;
	width: 33.333%;
	color: #fff;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	/*transition: transform .2s;*/
}
/*.calculate-tariff__col:hover {
	-webkit-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
}*/
.calculate-tariff__col-mods1 {
	background-image: url(/local/components/eoffice/server1c.order/templates/universal2026/images/serv.png);
}
.calculate-tariff__col-mods2 {
	background-image: url(/local/components/eoffice/server1c.order/templates/universal2026/images/serv1.png);
}
.calculate-tariff__ribbon {
	position: absolute;
	top: -20px;
	left: -5px;
	right: -5px;
	font-size: 18px;
	line-height: 30px;
	background-color: #ff6c00;
}
.calculate-tariff__ribbon::before,
.calculate-tariff__ribbon::after {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 3px solid #A40F2D;
    border-bottom-color: transparent;
    z-index: 0;
    bottom: -6px;
}
.calculate-tariff__ribbon::after {
	left: 0px;
	border-left-color: transparent;
}
.calculate-tariff__ribbon::before {
	right: 0px;
    border-right-color: transparent;
}
.calculate-tariff__col-mods3 {
	background-image: url(/local/components/eoffice/server1c.order/templates/universal2026/images/serv2.png);
}
.calculate-tariff__col-inner {
	position: relative;
	padding: 0 15px 25px;

}
/*.calculate-tariff__col::before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(47, 47, 47, 0.8);
}*/
.calculate-tariff__name {
	position: relative;
	/*color: #fff;*/
	font-size: 32px;
	text-transform: uppercase;
	padding: 17px 0;
}
.calculate-tariff__price {
	position: relative;
	font-size: 45px;
	font-weight: bold;
}
.calculate-tariff__name::after {
	content: "";
	position: absolute;
	bottom: 7px;
	left: 50%;
	width: 60%;
	margin-left: -30%;
	height: 2px;
	background-color: #ff6c00;
}
.included__list {
	position: relative;
	margin-bottom: 25px;
}
.included__item {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 5px;
}
.included__item i {
	margin-top: -3px;
}
.calculate-tariff__button {
	margin-bottom: 20px;
}
.calculate-tariff__desc {
	position: relative;
}
@media (max-width: 1200px) {
	.included__list {
		min-height: 141px;
	}
}

.discount-title{
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    padding-bottom: 10px;
    display: block;
    
}
.economy{
	color: #f5f5f5;
    display: block;
    font-style: italic;
    margin-top: -10px;
    margin-bottom: 10px;
}
.economy__hidden{
	opacity:0;
}
.economy-value{
	font-size: 18px;
}
.economy-price{
	text-decoration: line-through;
    text-decoration-color: #fff;
}

.option-name__title{
	padding-bottom: 5px;	
}
/* icons */
.option-name__icon{
	display: inline-block;
	width:40px;
	height: 40px;
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-position: center;
	
}

.option-name__icon--cpu{
	background-image: url('/local/components/eoffice/server1c.order/templates/universal2026/images/icons/chip.svg');
}
.option-name__icon--ram{
	background-image: url('/local/components/eoffice/server1c.order/templates/universal2026/images/icons/ram2.svg');
}
.option-name__icon--hdd{
	background-image: url('/local/components/eoffice/server1c.order/templates/universal2026/images/icons/hdd.svg');
	transform: rotate(-90deg);
}
.option-name__icon--ssd{
	background-image: url('/local/components/eoffice/server1c.order/templates/universal2026/images/icons/ssd-h.svg');
}
.option-name__icon--nvme{
	background-image: url('/local/components/eoffice/server1c.order/templates/universal2026/images/icons/nvme.svg');
}
.option-name_price{
	display: inline-block;
    vertical-align: top;
    color:#888;
    line-height: 40px;
    font-size: 12px;
    padding-left: 5px;
}

input.radio-dashed-block.radio-dashed--transparent + label{
	font-family: arial;
    background: none;
    border: 1px solid #ccc;
    position: relative;
    padding-left: 44px;
    max-width:179px;
}
input.radio-dashed-block.radio-dashed--transparent:checked + label{
	color: #fff !important;
    border: 1px solid #5aa9ec;
    box-shadow: inset 0px 0px 10px -1px #5aa9ec70;
    background: #176ce8;
}
input.radio-dashed-block.radio-dashed--transparent + label i{
	font-size: 28px;
	color: #3194e7;
	position: absolute;
	left: 3px;
}
input.radio-dashed-block.radio-dashed--transparent:checked + label i{
	color: white;
}
label[for*="discount_month"]{
	width: 115px;
	text-align: center;

}
input.radio-dashed-block + label[for*="discount_month"]{
	border:1px solid #fff !important;
	box-shadow:none !important;
}
.calc_number{
	width: 113px;
	display: inline-block;
	margin-bottom: 5px;
    margin-top: 5px;
}
input.amount {
    width: 40px;
    margin-left: 25px;
    margin-top: 11px;
    text-align: right;
    border: none;
    padding: 3px 5px;
    background-color: #FFF;
    border: 1px #9AB6C7 solid;
    text-align: center;
    font-weight: 900;
    color: #0072BC;
    height: 17px;
    box-sizing: content-box;
    margin: 0px 5px;
}
.summary_inner__itogo{
	font-size: 22px;
}
#server-calc-form #price {
    font-size: 42px;
}
#server-calc-form #price + .icon-rouble{
	font-size: 40px;
}
.option-RAM .scale:not(.big-step){
	display: none;
}
/* Убрать переключатели */
span.plus{
	/*background: #006fcb;  уБРАТЬ ФОН*/
}
span.minus{
   /*background: #2a2a2a;*/
}
span.number_calc {
	width: 25px !important;
    height: 25px !important;
    border: 1px solid #ccc !important;
    border-radius: 50% !important;
	background: #fff !important;
}
.calc_number span.number_calc i {
    font-size: 1px;
    background: #176ce8;
    display: block;
    position: absolute;
    cursor: pointer;
}
.number_calc i.horizontal{
	left: 5px;
}

.calc_number.calc_number--disabled input{
	border-color:#ccc;
	
}
.calc_number.calc_number--disabled span.number_calc i
{
	background-color: #ccc;
}

/* Переключалка месяцев */
.discount-for-month{
	padding-top: 9px;
    display: block;	
}
.discount-title-month{
	display: block;
    padding-top: 15px;
}
.radio-dicount-hide__root-wrapper{
	padding-left: 0 !important;
	padding-right: 0 !important;
		position: relative !important;
}
input.radio-dicount-hide{
	opacity: 0;
    visibility: hidden;
    position: absolute;
}

input.radio-dicount-hide + .radio-dicount-hide--ladel-wrapper label{
	display: block;
    width: 20px;
    height: 20px;
	background: white;
	border-radius:50%;
	margin: 0 auto;
	z-index: 10;
}
input.radio-dicount-hide:checked + .radio-dicount-hide--ladel-wrapper label{
	width: 30px;
    height: 30px;
    margin-top: -5px;
    margin-bottom: -5px;
}
input.radio-dicount-hide:checked + .radio-dicount-hide--ladel-wrapper label::before{
    content: '\e813';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: #176ce8;
    padding-top: 5px;
    display: block;
}
.radio-dicount-hide--ladel-wrapper{

}
.radio-dicount-hide--ladel-wrapper::before{
	content: " ";
	position: absolute;
	display: block;
	width:50%;
	height:10px;
	background: #fff;
	left:0;
	top: 31.5px;
}
.radio-dicount-hide--ladel-wrapper::after{
	content: " ";
	position: absolute;
	display: block;
	width:50%;
	height:10px;
	background: #fff;
	right:0;
	top: 31.5px;
}
input[data-month='1'] + .radio-dicount-hide--ladel-wrapper::before,
input[data-month='12'] + .radio-dicount-hide--ladel-wrapper::after
{
	content:none;	
}
label[for*='discount_month']{
	font-weight:100;
	cursor: pointer;
	margin-bottom: 0px;
}

element.style {
    width: 55%;
}


@media screen and (max-width: 1200px){
	#server-calc-form,
	#form_server_calc{
		display: block;
		width: 100%;
		/* width: calc(100% - 5px); */
	}
	#summary{
		display: block;
		/* width: 350px; */
		margin: 20px auto;
		padding-left: 0;
	}
	#summary__background{
		position: static !important;
	}
}

@media (max-width: 576px){
    .type-option-number .option-name,
    .type-option-select .option-name,
    .option-name__title
    {
        font-weight: 600;
    }
    #server-calc-form td.option-name{
        display: block;
        padding-top:15px
    }
    #server-calc-form td.option-name + td{
        padding-top:0px;
        display: block;
    }
    #server-calc-form td.option-name + td td{
        padding-top:0px;
    }
    #summary{
       /* width: calc(100% - 30px); */
    }
	#summary__background {
		width: auto;
	}
    .e-input {
        display: none ;
    }
	#server-calc-form .option-OS_td-right {
		display: flex!important;
        gap: 5px;
	}
}
#server-calc-form .option-OS_td-right {}
/* End */


/* Start:/personal/include/ShIP/scripts/jqueryui/jquery-ui.min.css?156101813316956*/
/*! jQuery UI - v1.11.2 - 2014-11-10
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=2191c0&bgTextureHeader=gloss_wave&bgImgOpacityHeader=75&borderColorHeader=4297d7&fcHeader=eaf5f7&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=0078ae&bgColorDefault=0078ae&bgTextureDefault=glass&bgImgOpacityDefault=45&borderColorDefault=77d5f7&fcDefault=ffffff&iconColorDefault=e0fdff&bgColorHover=79c9ec&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=448dae&fcHover=026890&iconColorHover=056b93&bgColorActive=6eac2c&bgTextureActive=gloss_wave&bgImgOpacityActive=50&borderColorActive=acdd4a&fcActive=ffffff&iconColorActive=f5e175&bgColorHighlight=f8da4e&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcd113&fcHighlight=915608&iconColorHighlight=f7a50d&bgColorError=e14f1c&bgTextureError=gloss_wave&bgImgOpacityError=45&borderColorError=cd0a0a&fcError=ffffff&iconColorError=fcd113&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=999999&bgTextureShadow=flat&bgImgOpacityShadow=55&opacityShadow=45&thicknessShadow=0px&offsetTopShadow=5px&offsetLeftShadow=5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #a6c9e2;background:#fcfdfd url("/personal/include/ShIP/scripts/jqueryui/images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #4297d7;background:#2191c0 url("/personal/include/ShIP/scripts/jqueryui/images/ui-bg_gloss-wave_75_2191c0_500x100.png") 50% 50% repeat-x;color:#eaf5f7;font-weight:bold}.ui-widget-header a{color:#eaf5f7}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #77d5f7;background:#0078ae url("/personal/include/ShIP/scripts/jqueryui/images/ui-bg_glass_45_0078ae_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#fff}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#fff;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #448dae;background:#79c9ec url("/personal/include/ShIP/scripts/jqueryui/images/ui-bg_glass_75_79c9ec_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#026890}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#026890;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #acdd4a;background:#6eac2c url("/personal/include/ShIP/scripts/jqueryui/images/ui-bg_gloss-wave_50_6eac2c_500x100.png") 50% 50% repeat-x;font-weight:normal;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcd113;background:#f8da4e url("/personal/include/ShIP/scripts/jqueryui/images/ui-bg_glass_55_f8da4e_1x400.png") 50% 50% repeat-x;color:#915608}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#915608}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#e14f1c url("/personal/include/ShIP/scripts/jqueryui/images/ui-bg_gloss-wave_45_e14f1c_500x100.png") 50% top repeat-x;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/personal/include/ShIP/scripts/jqueryui/images/ui-icons_0078ae_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/personal/include/ShIP/scripts/jqueryui/images/ui-icons_d8e7f3_256x240.png")}.ui-state-default .ui-icon{background-image:url("/personal/include/ShIP/scripts/jqueryui/images/ui-icons_e0fdff_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("/personal/include/ShIP/scripts/jqueryui/images/ui-icons_056b93_256x240.png")}.ui-state-active .ui-icon{background-image:url("/personal/include/ShIP/scripts/jqueryui/images/ui-icons_f5e175_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("/personal/include/ShIP/scripts/jqueryui/images/ui-icons_f7a50d_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/personal/include/ShIP/scripts/jqueryui/images/ui-icons_fcd113_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:5px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:5px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:5px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:5px}.ui-widget-overlay{background:#aaa url("/personal/include/ShIP/scripts/jqueryui/images/ui-bg_flat_75_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:5px 0 0 5px;padding:0;background:#999 url("/personal/include/ShIP/scripts/jqueryui/images/ui-bg_flat_55_999999_40x100.png") 50% 50% repeat-x;opacity:.45;filter:Alpha(Opacity=45);border-radius:5px}
/* End */
/* /arenda-serverov/style.css?177202169367616 */
/* /local/components/eoffice/server1c.order/templates/universal2026/style.css?177202169313337 */
/* /personal/include/ShIP/scripts/jqueryui/jquery-ui.min.css?156101813316956 */