body {
    margin: 0
}

:not(math,body) {
    font-family: inherit
}

.messages-body {
    overflow: hidden
}

p {
    margin: 0
}

.chat-head {
    position: relative
}

.chat-head.chat-head-disabled {
    opacity: .5
}

.chat-head.agent-status-chat-head {
    display: inline-block
}

.chat-head.visitor-chat-head .chat-head-avatar {
    border: 2px solid #fff
}

.chat-head .chat-head-icon {
    position: absolute;
    right: -2px;
    bottom: -3px
}

.chat-head .chat-head-icon.chat-head-status {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #fff
}

.chat-head .chat-head-icon.xs {
    width: 10px;
    height: 10px;
    bottom: 1px
}

.chat-head .chat-head-icon.dark {
    border-color: #33475b
}

.chat-head .chat-head-icon.online, .chat-head .chat-head-icon.status-indicator-green {
    background: #00bda5
}

.chat-head .chat-head-icon.away, .chat-head .chat-head-icon.status-indicator-yellow {
    background: #f5c26b
}

.chat-head .chat-head-icon.offline, .chat-head .chat-head-icon.status-indicator-grey {
    background: #cbd6e2
}

.chat-head-shrink {
    transform: scale(.8)
}

.chat-head-left {
    z-index: 0
}

.chat-head-left.chat-head-shrink {
    margin-right: -12px
}

.chat-head-right {
    z-index: 0;
    margin-left: -12px
}

.chat-head-center {
    z-index: 1
}

.initial-message-bubble {
    cursor: pointer;
    position: relative;
    border: 1px solid #eaf0f6;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
    border-radius: 4px;
    width: 240px;
    padding: 24px 16px 16px
}

.initial-message-bubble .initial-message-avatar {
    position: absolute;
    left: 0;
    right: 0
}

.chat-widget.mobile {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    border-radius: 0;
    margin: 0
}

.chat-widget.mobile .messages-interaction-container {
    height: calc(100% - 96px)
}

.chat-widget.mobile .background-panel {
    border-radius: 0
}

.chat-widget.mobile .background-panel .background-panel-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.chat-widget .unseen-threads-badge {
    min-width: 17px;
    min-height: 17px;
    line-height: 15px
}

.chat-widget .background-panel {
    height: 100%;
    border-radius: 8px;
    background: #eaf0f6;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.chat-widget .background-panel .background-panel-content {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    min-height: 112px;
    padding-bottom: 40px
}

.chat-widget .messages-interaction-container {
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 4px;
    height: calc(100% - 64px);
    transition: height .3s, height .3s;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.chat-widget .chat-area {
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column
}

.chat-widget .widget-header {
    position: relative;
    top: -24px;
    width: 100%;
    color: #fff
}

.chat-widget .widget-header .widget-header-avatar-wrapper {
    height: 100px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 65%;
    text-align: center
}

.chat-widget .widget-header.mobile {
    padding-top: 32px
}

.chat-widget .widget-header.mobile .chat-head {
    margin-left: 0;
    margin-right: 0
}

.chat-widget .widget-header.mobile .widget-close-button-wrapper {
    position: absolute;
    right: 16px;
    top: 32px
}

.chat-widget .widget-header.mobile .widget-header-avatar-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex: 1 0 100%;
    height: 84px;
    align-self: baseline
}

.chat-widget .widget-header .widget-header-name {
    display: inline-block;
    border-radius: 3px;
    transition: background-color .1s ease-in
}

.chat-widget .messages-scroll-container {
    display: flex;
    overflow-y: scroll;
    overflow-x: hidden;
    align-self: stretch;
    width: 100%;
    flex-grow: 2
}

.chat-widget .messages-scroll-container.android-fix-styles {
    height: calc(100% - 96px)
}

.chat-widget .messages-scroll-container .messages-container {
    width: 100%
}

.chat-widget .messages-scroll-container .messages-container.chat-feed-bottom {
    margin-top: auto
}

.add-flex-grow {
    flex-grow: 1
}

.initial-message-text {
    white-space: pre-line;
    text-overflow: ellipsis;
    overflow: hidden
}

.widget-manager {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.widget-manager.preview {
    width: 400px;
    pointer-events: none
}

.widget-manager.small {
    transform: scale(.75);
    transform-origin: bottom right
}

.widget-manager.extra-small {
    transform: scale(.5);
    transform-origin: bottom right
}

@keyframes consent-modal-background-fadeIn {
    0% {
        background-color: rgba(45, 62, 80, 0);
        backdrop-filter: blur(0)
    }
    to {
        background-color: rgba(45, 62, 80, .79);
        backdrop-filter: blur(2px)
    }
}

@keyframes consent-modal-content-fadeIn {
    0% {
        opacity: 0;
        transform: scale(.9)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes consent-modal-background-fadeOut {
    0% {
        background-color: rgba(45, 62, 80, .79);
        backdrop-filter: blur(2px)
    }
    to {
        background-color: rgba(45, 62, 80, 0);
        backdrop-filter: blur(0)
    }
}

@keyframes consent-modal-content-fadeOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(.9)
    }
}

@keyframes blink {
    0%, 50% {
        opacity: 1
    }
    75% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.flex-shrink-0, .no-shrink {
    display: flex;
    flex-shrink: 0 !important
}

.flex-grow-1 {
    display: flex;
    flex-grow: 1 !important
}

.flex-no-wrap {
    display: flex;
    flex-wrap: nowrap !important
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap !important
}

.flex-wrap-reverse {
    display: flex;
    flex-wrap: wrap-reverse !important
}

.flex-column {
    display: flex;
    flex-direction: column !important
}

.flex-row {
    display: flex;
    flex-direction: row !important
}

.justify-start {
    display: flex;
    justify-content: flex-start !important
}

.justify-end {
    display: flex;
    justify-content: flex-end !important
}

.justify-between {
    display: flex;
    justify-content: space-between !important
}

.justify-around {
    display: flex;
    justify-content: space-around !important
}

.justify-center {
    display: flex;
    justify-content: center !important
}

.align-start {
    display: flex;
    align-items: flex-start !important
}

.align-end {
    display: flex;
    align-items: flex-end !important
}

.align-center {
    display: flex;
    align-items: center !important
}

.align-stretch {
    display: flex;
    align-items: stretch !important
}

.align-baseline {
    display: flex;
    align-items: baseline !important
}

.align-self-start {
    display: flex;
    align-self: flex-start !important
}

.align-self-end {
    display: flex;
    align-self: flex-end !important
}

.align-self-center {
    display: flex;
    align-self: center !important
}

.align-self-stretch {
    display: flex;
    align-self: stretch !important
}

.align-self-baseline {
    display: flex;
    align-self: baseline !important
}

.m-all-auto {
    margin: auto !important
}

.m-x-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.m-y-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.m-left-auto {
    margin-left: auto !important
}

.m-right-auto {
    margin-right: auto !important
}

.m-top-auto {
    margin-top: auto !important
}

.m-bottom-auto {
    margin-bottom: auto !important
}

.m-all-0 {
    margin: 0 !important
}

.m-x-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.m-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-auto-x-0 {
    margin: auto 0 !important
}

.m-auto-y-0 {
    margin: 0 auto !important
}

.m-top-0 {
    margin-top: 0 !important
}

.m-right-0 {
    margin-right: 0 !important
}

.m-bottom-0 {
    margin-bottom: 0 !important
}

.m-left-0 {
    margin-left: 0 !important
}

.m-all-1 {
    margin: 4px !important
}

.m-x-1 {
    margin-left: 4px !important;
    margin-right: 4px !important
}

.m-y-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.m-auto-x-1 {
    margin: auto 4px !important
}

.m-auto-y-1 {
    margin: 4px auto !important
}

.m-top-1 {
    margin-top: 4px !important
}

.m-right-1 {
    margin-right: 4px !important
}

.m-bottom-1 {
    margin-bottom: 4px !important
}

.m-left-1 {
    margin-left: 4px !important
}

.m-all-2 {
    margin: 8px !important
}

.m-x-2 {
    margin-left: 8px !important;
    margin-right: 8px !important
}

.m-y-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.m-auto-x-2 {
    margin: auto 8px !important
}

.m-auto-y-2 {
    margin: 8px auto !important
}

.m-top-2 {
    margin-top: 8px !important
}

.m-right-2 {
    margin-right: 8px !important
}

.m-bottom-2 {
    margin-bottom: 8px !important
}

.m-left-2 {
    margin-left: 8px !important
}

.m-all-3 {
    margin: 12px !important
}

.m-x-3 {
    margin-left: 12px !important;
    margin-right: 12px !important
}

.m-y-3 {
    margin-top: 12px !important;
    margin-bottom: 12px !important
}

.m-auto-x-3 {
    margin: auto 12px !important
}

.m-auto-y-3 {
    margin: 12px auto !important
}

.m-top-3 {
    margin-top: 12px !important
}

.m-right-3 {
    margin-right: 12px !important
}

.m-bottom-3 {
    margin-bottom: 12px !important
}

.m-left-3 {
    margin-left: 12px !important
}

.m-all-4 {
    margin: 16px !important
}

.m-x-4 {
    margin-left: 16px !important;
    margin-right: 16px !important
}

.m-y-4 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.m-auto-x-4 {
    margin: auto 16px !important
}

.m-auto-y-4 {
    margin: 16px auto !important
}

.m-top-4 {
    margin-top: 16px !important
}

.m-right-4 {
    margin-right: 16px !important
}

.m-bottom-4 {
    margin-bottom: 16px !important
}

.m-left-4 {
    margin-left: 16px !important
}

.m-all-5 {
    margin: 20px !important
}

.m-x-5 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.m-y-5 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.m-auto-x-5 {
    margin: auto 20px !important
}

.m-auto-y-5 {
    margin: 20px auto !important
}

.m-top-5 {
    margin-top: 20px !important
}

.m-right-5 {
    margin-right: 20px !important
}

.m-bottom-5 {
    margin-bottom: 20px !important
}

.m-left-5 {
    margin-left: 20px !important
}

.m-all-6 {
    margin: 24px !important
}

.m-x-6 {
    margin-left: 24px !important;
    margin-right: 24px !important
}

.m-y-6 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.m-auto-x-6 {
    margin: auto 24px !important
}

.m-auto-y-6 {
    margin: 24px auto !important
}

.m-top-6 {
    margin-top: 24px !important
}

.m-right-6 {
    margin-right: 24px !important
}

.m-bottom-6 {
    margin-bottom: 24px !important
}

.m-left-6 {
    margin-left: 24px !important
}

.m-all-7 {
    margin: 28px !important
}

.m-x-7 {
    margin-left: 28px !important;
    margin-right: 28px !important
}

.m-y-7 {
    margin-top: 28px !important;
    margin-bottom: 28px !important
}

.m-auto-x-7 {
    margin: auto 28px !important
}

.m-auto-y-7 {
    margin: 28px auto !important
}

.m-top-7 {
    margin-top: 28px !important
}

.m-right-7 {
    margin-right: 28px !important
}

.m-bottom-7 {
    margin-bottom: 28px !important
}

.m-left-7 {
    margin-left: 28px !important
}

.m-all-8 {
    margin: 32px !important
}

.m-x-8 {
    margin-left: 32px !important;
    margin-right: 32px !important
}

.m-y-8 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.m-auto-x-8 {
    margin: auto 32px !important
}

.m-auto-y-8 {
    margin: 32px auto !important
}

.m-top-8 {
    margin-top: 32px !important
}

.m-right-8 {
    margin-right: 32px !important
}

.m-bottom-8 {
    margin-bottom: 32px !important
}

.m-left-8 {
    margin-left: 32px !important
}

.m-all-9 {
    margin: 36px !important
}

.m-x-9 {
    margin-left: 36px !important;
    margin-right: 36px !important
}

.m-y-9 {
    margin-top: 36px !important;
    margin-bottom: 36px !important
}

.m-auto-x-9 {
    margin: auto 36px !important
}

.m-auto-y-9 {
    margin: 36px auto !important
}

.m-top-9 {
    margin-top: 36px !important
}

.m-right-9 {
    margin-right: 36px !important
}

.m-bottom-9 {
    margin-bottom: 36px !important
}

.m-left-9 {
    margin-left: 36px !important
}

.m-all-10 {
    margin: 40px !important
}

.m-x-10 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.m-y-10 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.m-auto-x-10 {
    margin: auto 40px !important
}

.m-auto-y-10 {
    margin: 40px auto !important
}

.m-top-10 {
    margin-top: 40px !important
}

.m-right-10 {
    margin-right: 40px !important
}

.m-bottom-10 {
    margin-bottom: 40px !important
}

.m-left-10 {
    margin-left: 40px !important
}

.m-all-11 {
    margin: 44px !important
}

.m-x-11 {
    margin-left: 44px !important;
    margin-right: 44px !important
}

.m-y-11 {
    margin-top: 44px !important;
    margin-bottom: 44px !important
}

.m-auto-x-11 {
    margin: auto 44px !important
}

.m-auto-y-11 {
    margin: 44px auto !important
}

.m-top-11 {
    margin-top: 44px !important
}

.m-right-11 {
    margin-right: 44px !important
}

.m-bottom-11 {
    margin-bottom: 44px !important
}

.m-left-11 {
    margin-left: 44px !important
}

.m-all-12 {
    margin: 48px !important
}

.m-x-12 {
    margin-left: 48px !important;
    margin-right: 48px !important
}

.m-y-12 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.m-auto-x-12 {
    margin: auto 48px !important
}

.m-auto-y-12 {
    margin: 48px auto !important
}

.m-top-12 {
    margin-top: 48px !important
}

.m-right-12 {
    margin-right: 48px !important
}

.m-bottom-12 {
    margin-bottom: 48px !important
}

.m-left-12 {
    margin-left: 48px !important
}

.m-all-13 {
    margin: 52px !important
}

.m-x-13 {
    margin-left: 52px !important;
    margin-right: 52px !important
}

.m-y-13 {
    margin-top: 52px !important;
    margin-bottom: 52px !important
}

.m-auto-x-13 {
    margin: auto 52px !important
}

.m-auto-y-13 {
    margin: 52px auto !important
}

.m-top-13 {
    margin-top: 52px !important
}

.m-right-13 {
    margin-right: 52px !important
}

.m-bottom-13 {
    margin-bottom: 52px !important
}

.m-left-13 {
    margin-left: 52px !important
}

.m-all-14 {
    margin: 56px !important
}

.m-x-14 {
    margin-left: 56px !important;
    margin-right: 56px !important
}

.m-y-14 {
    margin-top: 56px !important;
    margin-bottom: 56px !important
}

.m-auto-x-14 {
    margin: auto 56px !important
}

.m-auto-y-14 {
    margin: 56px auto !important
}

.m-top-14 {
    margin-top: 56px !important
}

.m-right-14 {
    margin-right: 56px !important
}

.m-bottom-14 {
    margin-bottom: 56px !important
}

.m-left-14 {
    margin-left: 56px !important
}

.m-all-15 {
    margin: 60px !important
}

.m-x-15 {
    margin-left: 60px !important;
    margin-right: 60px !important
}

.m-y-15 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.m-auto-x-15 {
    margin: auto 60px !important
}

.m-auto-y-15 {
    margin: 60px auto !important
}

.m-top-15 {
    margin-top: 60px !important
}

.m-right-15 {
    margin-right: 60px !important
}

.m-bottom-15 {
    margin-bottom: 60px !important
}

.m-left-15 {
    margin-left: 60px !important
}

.p-all-0 {
    padding: 0 !important
}

.p-x-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.p-y-0 {
    padding-bottom: 0 !important
}

.p-top-0, .p-y-0 {
    padding-top: 0 !important
}

.p-right-0 {
    padding-right: 0 !important
}

.p-bottom-0 {
    padding-bottom: 0 !important
}

.p-left-0 {
    padding-left: 0 !important
}

.p-all-1 {
    padding: 4px !important
}

.p-x-1 {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.p-y-1 {
    padding-bottom: 4px !important
}

.p-top-1, .p-y-1 {
    padding-top: 4px !important
}

.p-right-1 {
    padding-right: 4px !important
}

.p-bottom-1 {
    padding-bottom: 4px !important
}

.p-left-1 {
    padding-left: 4px !important
}

.p-all-2 {
    padding: 8px !important
}

.p-x-2 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.p-y-2 {
    padding-bottom: 8px !important
}

.p-top-2, .p-y-2 {
    padding-top: 8px !important
}

.p-right-2 {
    padding-right: 8px !important
}

.p-bottom-2 {
    padding-bottom: 8px !important
}

.p-left-2 {
    padding-left: 8px !important
}

.p-all-3 {
    padding: 12px !important
}

.p-x-3 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.p-y-3 {
    padding-bottom: 12px !important
}

.p-top-3, .p-y-3 {
    padding-top: 12px !important
}

.p-right-3 {
    padding-right: 12px !important
}

.p-bottom-3 {
    padding-bottom: 12px !important
}

.p-left-3 {
    padding-left: 12px !important
}

.p-all-4 {
    padding: 16px !important
}

.p-x-4 {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.p-y-4 {
    padding-bottom: 16px !important
}

.p-top-4, .p-y-4 {
    padding-top: 16px !important
}

.p-right-4 {
    padding-right: 16px !important
}

.p-bottom-4 {
    padding-bottom: 16px !important
}

.p-left-4 {
    padding-left: 16px !important
}

.p-all-5 {
    padding: 20px !important
}

.p-x-5 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.p-y-5 {
    padding-bottom: 20px !important
}

.p-top-5, .p-y-5 {
    padding-top: 20px !important
}

.p-right-5 {
    padding-right: 20px !important
}

.p-bottom-5 {
    padding-bottom: 20px !important
}

.p-left-5 {
    padding-left: 20px !important
}

.p-all-6 {
    padding: 24px !important
}

.p-x-6 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.p-y-6 {
    padding-bottom: 24px !important
}

.p-top-6, .p-y-6 {
    padding-top: 24px !important
}

.p-right-6 {
    padding-right: 24px !important
}

.p-bottom-6 {
    padding-bottom: 24px !important
}

.p-left-6 {
    padding-left: 24px !important
}

.p-all-7 {
    padding: 28px !important
}

.p-x-7 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

.p-y-7 {
    padding-bottom: 28px !important
}

.p-top-7, .p-y-7 {
    padding-top: 28px !important
}

.p-right-7 {
    padding-right: 28px !important
}

.p-bottom-7 {
    padding-bottom: 28px !important
}

.p-left-7 {
    padding-left: 28px !important
}

.p-all-8 {
    padding: 32px !important
}

.p-x-8 {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.p-y-8 {
    padding-bottom: 32px !important
}

.p-top-8, .p-y-8 {
    padding-top: 32px !important
}

.p-right-8 {
    padding-right: 32px !important
}

.p-bottom-8 {
    padding-bottom: 32px !important
}

.p-left-8 {
    padding-left: 32px !important
}

.p-all-9 {
    padding: 36px !important
}

.p-x-9 {
    padding-left: 36px !important;
    padding-right: 36px !important
}

.p-y-9 {
    padding-bottom: 36px !important
}

.p-top-9, .p-y-9 {
    padding-top: 36px !important
}

.p-right-9 {
    padding-right: 36px !important
}

.p-bottom-9 {
    padding-bottom: 36px !important
}

.p-left-9 {
    padding-left: 36px !important
}

.p-all-10 {
    padding: 40px !important
}

.p-x-10 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.p-y-10 {
    padding-bottom: 40px !important
}

.p-top-10, .p-y-10 {
    padding-top: 40px !important
}

.p-right-10 {
    padding-right: 40px !important
}

.p-bottom-10 {
    padding-bottom: 40px !important
}

.p-left-10 {
    padding-left: 40px !important
}

.p-all-11 {
    padding: 44px !important
}

.p-x-11 {
    padding-left: 44px !important;
    padding-right: 44px !important
}

.p-y-11 {
    padding-bottom: 44px !important
}

.p-top-11, .p-y-11 {
    padding-top: 44px !important
}

.p-right-11 {
    padding-right: 44px !important
}

.p-bottom-11 {
    padding-bottom: 44px !important
}

.p-left-11 {
    padding-left: 44px !important
}

.p-all-12 {
    padding: 48px !important
}

.p-x-12 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.p-y-12 {
    padding-bottom: 48px !important
}

.p-top-12, .p-y-12 {
    padding-top: 48px !important
}

.p-right-12 {
    padding-right: 48px !important
}

.p-bottom-12 {
    padding-bottom: 48px !important
}

.p-left-12 {
    padding-left: 48px !important
}

.p-all-13 {
    padding: 52px !important
}

.p-x-13 {
    padding-left: 52px !important;
    padding-right: 52px !important
}

.p-y-13 {
    padding-bottom: 52px !important
}

.p-top-13, .p-y-13 {
    padding-top: 52px !important
}

.p-right-13 {
    padding-right: 52px !important
}

.p-bottom-13 {
    padding-bottom: 52px !important
}

.p-left-13 {
    padding-left: 52px !important
}

.p-all-14 {
    padding: 56px !important
}

.p-x-14 {
    padding-left: 56px !important;
    padding-right: 56px !important
}

.p-y-14 {
    padding-bottom: 56px !important
}

.p-top-14, .p-y-14 {
    padding-top: 56px !important
}

.p-right-14 {
    padding-right: 56px !important
}

.p-bottom-14 {
    padding-bottom: 56px !important
}

.p-left-14 {
    padding-left: 56px !important
}

.p-all-15 {
    padding: 60px !important
}

.p-x-15 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.p-y-15 {
    padding-bottom: 60px !important
}

.p-top-15, .p-y-15 {
    padding-top: 60px !important
}

.p-right-15 {
    padding-right: 60px !important
}

.p-bottom-15 {
    padding-bottom: 60px !important
}

.p-left-15 {
    padding-left: 60px !important
}

.display-flex {
    display: flex !important
}

.display-inline-flex {
    display: inline-flex !important
}

.display-inline {
    display: inline !important
}

.display-inline-block {
    display: inline-block !important
}

.display-block {
    display: block !important
}

.fade-slide-transition-bottom-appear, .fade-slide-transition-bottom-appear-active, .fade-slide-transition-bottom-enter, .fade-slide-transition-bottom-enter-active, .fade-slide-transition-bottom-exit, .fade-slide-transition-bottom-exit-active, .fade-slide-transition-container, .fade-slide-transition-top-appear, .fade-slide-transition-top-appear-active, .fade-slide-transition-top-enter, .fade-slide-transition-top-enter-active, .scale-y-transition-bottom-appear, .scale-y-transition-bottom-appear-active, .scale-y-transition-bottom-enter, .scale-y-transition-bottom-enter-active, .scale-y-transition-bottom-exit, .scale-y-transition-bottom-exit-active {
    transition: all .45s cubic-bezier(.25, .8, .25, 1);
    transition-delay: .05s
}

.fade-slide-transition-bottom-exit, .scale-y-transition-bottom-exit {
    position: relative;
    bottom: 0;
    opacity: 1
}

.fade-slide-transition-bottom-appear, .fade-slide-transition-bottom-enter, .fade-slide-transition-bottom-exit.fade-slide-transition-bottom-exit-active, .fade-slide-transition-bottom-exit.scale-y-transition-bottom-exit-active, .scale-y-transition-bottom-exit.fade-slide-transition-bottom-exit-active, .scale-y-transition-bottom-exit.scale-y-transition-bottom-exit-active {
    position: relative;
    bottom: -12px;
    opacity: .01
}

.fade-slide-transition-bottom-appear.fade-slide-transition-bottom-appear-active, .fade-slide-transition-bottom-appear.fade-slide-transition-bottom-enter-active, .fade-slide-transition-bottom-enter.fade-slide-transition-bottom-appear-active, .fade-slide-transition-bottom-enter.fade-slide-transition-bottom-enter-active {
    bottom: 0;
    opacity: 1
}

.fade-slide-transition-top-appear, .fade-slide-transition-top-enter {
    position: relative;
    top: -12px;
    opacity: .01
}

.fade-slide-transition-top-appear.fade-slide-transition-top-appear-active, .fade-slide-transition-top-appear.fade-slide-transition-top-enter-active, .fade-slide-transition-top-enter.fade-slide-transition-top-appear-active, .fade-slide-transition-top-enter.fade-slide-transition-top-enter-active {
    top: 0;
    opacity: 1
}

.scale-y-transition-bottom-appear, .scale-y-transition-bottom-enter {
    transform: scaleY(0);
    transform-origin: bottom
}

.scale-y-transition-bottom-appear.scale-y-transition-bottom-appear-active, .scale-y-transition-bottom-appear.scale-y-transition-bottom-enter-active, .scale-y-transition-bottom-enter.scale-y-transition-bottom-appear-active, .scale-y-transition-bottom-enter.scale-y-transition-bottom-enter-active {
    transform: scaleY(1)
}

.widget-background-panel {
    transition: height .3s ease
}

.widget-background-panel-enter {
    height: 0
}

.widget-background-panel-enter-active, .widget-background-panel-exit {
    height: 68px
}

.widget-background-panel-exit-active {
    height: 0
}


/*# sourceMappingURL=//static.hsappstatic.net/conversations-visitor-ui/static-1.24418/sass/visitor.css.map*/


@charset "UTF-8";
.fi, .fib {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.fi {
    position: relative;
    display: inline-block;
    width: 1.333333em;
    mline-height: 1em
}

.fi:before {
    content: " "
}

.fi.fis {
    width: 1em
}

.MIT License | github.com /necolas/ normalize.css html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: 600 !important
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

:focus {
    outline: 0
}

body {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    color: #231f20;
    font-size: 14px;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 16px;
    background: #f7f7f7;
    font-weight: 400
}

body.body-lock {
    overflow: hidden
}

body.dark {
    background: #231f20;
    color: #fff
}

button, input, textarea {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif
}

body, html, main {
    min-height: 100vh;
    min-width: 320px;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth
}

html {
    font-size: 14px
}

main, section.main {
    flex: 1 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column
}

[v-cloak] {
    display: none !important
}

a {
    color: inherit;
    text-decoration: none
}

picture {
    display: block
}

picture img {
    max-width: 100%
}

.h1, h1 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 2.8571428571rem;
    line-height: 3.4285714286rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20
}

@media (max-width: 767.98px) {
    .h1, h1 {
        font-size: 2.5714285714rem;
        line-height: 2.8571428571rem
    }
}

@media (max-width: 575.98px) {
    .h1, h1 {
        font-size: 2.2857142857rem;
        line-height: 2.5714285714rem
    }
}

@media screen and (min-width: 768px) {
    .h1, h1 {
        font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
        font-weight: 600;
        letter-spacing: 0;
        font-size: 2.8571428571rem;
        line-height: 3.4285714286rem;
        color: #231f20
    }
}

.h2, h2 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.7142857143rem;
    line-height: 1.7142857143rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20
}

@media (max-width: 767.98px) {
    .h2, h2 {
        font-size: 1.5714285714rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .h2, h2 {
        font-size: 1.4285714286rem;
        line-height: 1.4285714286rem
    }
}

.h3, h3 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.4285714286rem;
    line-height: 1.7142857143rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20
}

@media (max-width: 767.98px) {
    .h3, h3 {
        font-size: 1.2857142857rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .h3, h3 {
        font-size: 1.1428571429rem;
        line-height: 1.4285714286rem
    }
}

hr {
    border: 0;
    background-image: linear-gradient(to right, rgba(71, 71, 71, .1), rgba(71, 71, 71, .1));
    opacity: .5;
    color: transparent;
    background-color: transparent;
    margin: 0;
    height: 1px;
    min-height: 1px
}

.section-separator {
    background-color: #fff
}

.section-separator.dark {
    background-color: #231f20
}

.section-separator.dark hr {
    border: 0;
    background: rgba(71, 71, 71, .5);
    opacity: 1;
    color: transparent;
    margin: 0;
    height: 1px;
    min-height: 1px
}

.ssr-preloader {
    padding: 20px 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.main-loading {
    width: 80px;
    height: 80px
}

.main-loading-svg {
    width: 100%;
    height: 100%
}

.main-loading-svg path {
    stroke: #0938de;
    fill: none;
    stroke-width: 4;
    stroke-dasharray: 412.6;
    stroke-linejoin: round;
    stroke-linecap: round
}

.main-loading-svg-body {
    will-change: stroke-dashoffset;
    animation: 2s linear infinite both main-loading-stroke
}

.cart-panel {
    position: fixed;
    z-index: 6000;
    width: 100%;
    right: 0;
    top: 60px;
    bottom: 0;
    will-change: transform;
    transform: translateX(100%)
}

@media screen and (min-width: 576px) {
    .cart-panel {
        width: 476px
    }
}

.line-through {
    text-decoration: line-through
}

.container, .ish--grid {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container, .ish--grid {
        max-width: 576px
    }
}

@media (min-width: 768px) {
    .container, .ish--grid {
        max-width: 768px
    }
}

@media (min-width: 992px) {
    .container, .ish--grid {
        max-width: 992px
    }
}

@media (min-width: 1200px) {
    .container, .ish--grid {
        max-width: 1198px
    }
}

@media (max-width: 991.98px) {
    .container, .ish--grid {
        padding-right: 20px;
        padding-left: 20px
    }
}

.ish--row, .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col, .ish--col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col, .ish--col, [class^=col-] {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 0) {
    .col-xs {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
    display: unset
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    display: unset
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    display: unset
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    display: unset
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    display: unset
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    display: unset
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    display: unset
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    display: unset
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    display: unset
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    display: unset
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
    display: unset
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: unset
}

.col-0 {
    display: none
}

@media (min-width: 0) {
    .col-xs-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
        display: unset
    }
}

@media (min-width: 0) {
    .col-xs-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
        display: unset
    }
}

@media (min-width: 0) {
    .col-xs-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        display: unset
    }
}

@media (min-width: 0) {
    .col-xs-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        display: unset
    }
}

@media (min-width: 0) {
    .col-xs-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
        display: unset
    }
}

@media (min-width: 0) {
    .col-xs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        display: unset
    }
}

@media (min-width: 0) {
    .col-xs-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
        display: unset
    }
}

@media (min-width: 0) {
    .col-xs-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        display: unset
    }
}

@media (min-width: 0) {
    .col-xs-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        display: unset
    }
}

@media (min-width: 0) {
    .col-xs-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
        display: unset
    }
}

@media (min-width: 0) {
    .col-xs-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
        display: unset
    }
}

@media (min-width: 0) {
    .col-xs-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: unset
    }
}

@media (min-width: 0) {
    .col-xs-0 {
        display: none
    }
}

@media (min-width: 576px) {
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
        display: unset
    }
}

@media (min-width: 576px) {
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
        display: unset
    }
}

@media (min-width: 576px) {
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        display: unset
    }
}

@media (min-width: 576px) {
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        display: unset
    }
}

@media (min-width: 576px) {
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
        display: unset
    }
}

@media (min-width: 576px) {
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        display: unset
    }
}

@media (min-width: 576px) {
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
        display: unset
    }
}

@media (min-width: 576px) {
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        display: unset
    }
}

@media (min-width: 576px) {
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        display: unset
    }
}

@media (min-width: 576px) {
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
        display: unset
    }
}

@media (min-width: 576px) {
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
        display: unset
    }
}

@media (min-width: 576px) {
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: unset
    }
}

@media (min-width: 576px) {
    .col-sm-0 {
        display: none
    }
}

@media (min-width: 768px) {
    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
        display: unset
    }
}

@media (min-width: 768px) {
    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
        display: unset
    }
}

@media (min-width: 768px) {
    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        display: unset
    }
}

@media (min-width: 768px) {
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        display: unset
    }
}

@media (min-width: 768px) {
    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
        display: unset
    }
}

@media (min-width: 768px) {
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        display: unset
    }
}

@media (min-width: 768px) {
    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
        display: unset
    }
}

@media (min-width: 768px) {
    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        display: unset
    }
}

@media (min-width: 768px) {
    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        display: unset
    }
}

@media (min-width: 768px) {
    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
        display: unset
    }
}

@media (min-width: 768px) {
    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
        display: unset
    }
}

@media (min-width: 768px) {
    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: unset
    }
}

@media (min-width: 768px) {
    .col-md-0 {
        display: none
    }
}

@media (min-width: 992px) {
    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
        display: unset
    }
}

@media (min-width: 992px) {
    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
        display: unset
    }
}

@media (min-width: 992px) {
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        display: unset
    }
}

@media (min-width: 992px) {
    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        display: unset
    }
}

@media (min-width: 992px) {
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
        display: unset
    }
}

@media (min-width: 992px) {
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        display: unset
    }
}

@media (min-width: 992px) {
    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
        display: unset
    }
}

@media (min-width: 992px) {
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        display: unset
    }
}

@media (min-width: 992px) {
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        display: unset
    }
}

@media (min-width: 992px) {
    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
        display: unset
    }
}

@media (min-width: 992px) {
    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
        display: unset
    }
}

@media (min-width: 992px) {
    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: unset
    }
}

@media (min-width: 992px) {
    .col-lg-0 {
        display: none
    }
}

@media (min-width: 1200px) {
    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
        display: unset
    }
}

@media (min-width: 1200px) {
    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
        display: unset
    }
}

@media (min-width: 1200px) {
    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        display: unset
    }
}

@media (min-width: 1200px) {
    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        display: unset
    }
}

@media (min-width: 1200px) {
    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
        display: unset
    }
}

@media (min-width: 1200px) {
    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        display: unset
    }
}

@media (min-width: 1200px) {
    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
        display: unset
    }
}

@media (min-width: 1200px) {
    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        display: unset
    }
}

@media (min-width: 1200px) {
    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        display: unset
    }
}

@media (min-width: 1200px) {
    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
        display: unset
    }
}

@media (min-width: 1200px) {
    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
        display: unset
    }
}

@media (min-width: 1200px) {
    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: unset
    }
}

@media (min-width: 1200px) {
    .col-xl-0 {
        display: none
    }
}

.display-none {
    display: none !important
}

@media (max-width: 575.98px) {
    .sm-none {
        display: none !important
    }
}

@media (max-width: 767.98px) {
    .md-none {
        display: none !important
    }
}

@media (max-width: 991.98px) {
    .lg-none {
        display: none !important
    }
}

@media (max-width: 1199.98px) {
    .xl-none {
        display: none !important
    }
}

@media (max-width: 575.98px) {
    .sm-block {
        display: block !important
    }
}

@media (max-width: 767.98px) {
    .md-block {
        display: block !important
    }
}

@media (max-width: 991.98px) {
    .lg-block {
        display: block !important
    }
}

@media (max-width: 1199.98px) {
    .xl-block {
        display: block !important
    }
}

.gap-1.ish--row, .row.gap-1 {
    margin-left: -.5px;
    margin-right: -.5px
}

.gap-1.ish--row > *, .row.gap-1 > * {
    padding-right: .5px;
    padding-left: .5px;
    margin-top: 1px
}

.m-0 {
    margin: calc(0 * 20px)
}

.m-1 {
    margin: calc(1 * 20px)
}

.m-2 {
    margin: calc(2 * 20px)
}

.m-3 {
    margin: calc(3 * 20px)
}

.m-4 {
    margin: calc(4 * 20px)
}

.m-t-0 {
    margin-top: 0
}

.m-t-1 {
    margin-top: 1em
}

.m-t-2 {
    margin-top: 2em
}

.m-t-3 {
    margin-top: 3em
}

.m-t-4 {
    margin-top: 4em
}

.m-b-0 {
    margin-bottom: 0
}

.m-b-1 {
    margin-bottom: 1em
}

.m-b-2 {
    margin-bottom: 2em
}

.m-b-3 {
    margin-bottom: 3em
}

.m-b-4 {
    margin-bottom: 4em
}

.m-l-0 {
    margin-left: 0
}

.m-l-1 {
    margin-left: 1em
}

.m-l-2 {
    margin-left: 2em
}

.m-l-3 {
    margin-left: 3em
}

.m-l-4 {
    margin-left: 4em
}

.m-r-0 {
    margin-right: 0
}

.m-r-1 {
    margin-right: 1em
}

.m-r-2 {
    margin-right: 2em
}

.m-r-3 {
    margin-right: 3em
}

.m-r-4 {
    margin-right: 4em
}

@media (min-width: 480px) {
    .m-t-xs-0 {
        margin-top: 0
    }

    .m-t-xs-1 {
        margin-top: 1em
    }

    .m-t-xs-2 {
        margin-top: 2em
    }

    .m-t-xs-3 {
        margin-top: 3em
    }

    .m-t-xs-4 {
        margin-top: 4em
    }

    .m-b-xs-0 {
        margin-bottom: 0
    }

    .m-b-xs-1 {
        margin-bottom: 1em
    }

    .m-b-xs-2 {
        margin-bottom: 2em
    }

    .m-b-xs-3 {
        margin-bottom: 3em
    }

    .m-b-xs-4 {
        margin-bottom: 4em
    }

    .m-l-xs-0 {
        margin-left: 0
    }

    .m-l-xs-1 {
        margin-left: 1em
    }

    .m-l-xs-2 {
        margin-left: 2em
    }

    .m-l-xs-3 {
        margin-left: 3em
    }

    .m-l-xs-4 {
        margin-left: 4em
    }

    .m-r-xs-0 {
        margin-right: 0
    }

    .m-r-xs-1 {
        margin-right: 1em
    }

    .m-r-xs-2 {
        margin-right: 2em
    }

    .m-r-xs-3 {
        margin-right: 3em
    }

    .m-r-xs-4 {
        margin-right: 4em
    }
}

@media (min-width: 768px) {
    .m-t-sm-0 {
        margin-top: 0
    }

    .m-t-sm-1 {
        margin-top: 1em
    }

    .m-t-sm-2 {
        margin-top: 2em
    }

    .m-t-sm-3 {
        margin-top: 3em
    }

    .m-t-sm-4 {
        margin-top: 4em
    }

    .m-b-sm-0 {
        margin-bottom: 0
    }

    .m-b-sm-1 {
        margin-bottom: 1em
    }

    .m-b-sm-2 {
        margin-bottom: 2em
    }

    .m-b-sm-3 {
        margin-bottom: 3em
    }

    .m-b-sm-4 {
        margin-bottom: 4em
    }

    .m-l-sm-0 {
        margin-left: 0
    }

    .m-l-sm-1 {
        margin-left: 1em
    }

    .m-l-sm-2 {
        margin-left: 2em
    }

    .m-l-sm-3 {
        margin-left: 3em
    }

    .m-l-sm-4 {
        margin-left: 4em
    }

    .m-r-sm-0 {
        margin-right: 0
    }

    .m-r-sm-1 {
        margin-right: 1em
    }

    .m-r-sm-2 {
        margin-right: 2em
    }

    .m-r-sm-3 {
        margin-right: 3em
    }

    .m-r-sm-4 {
        margin-right: 4em
    }
}

@media (min-width: 992px) {
    .m-t-md-0 {
        margin-top: 0
    }

    .m-t-md-1 {
        margin-top: 1em
    }

    .m-t-md-2 {
        margin-top: 2em
    }

    .m-t-md-3 {
        margin-top: 3em
    }

    .m-t-md-4 {
        margin-top: 4em
    }

    .m-b-md-0 {
        margin-bottom: 0
    }

    .m-b-md-1 {
        margin-bottom: 1em
    }

    .m-b-md-2 {
        margin-bottom: 2em
    }

    .m-b-md-3 {
        margin-bottom: 3em
    }

    .m-b-md-4 {
        margin-bottom: 4em
    }

    .m-l-md-0 {
        margin-left: 0
    }

    .m-l-md-1 {
        margin-left: 1em
    }

    .m-l-md-2 {
        margin-left: 2em
    }

    .m-l-md-3 {
        margin-left: 3em
    }

    .m-l-md-4 {
        margin-left: 4em
    }

    .m-r-md-0 {
        margin-right: 0
    }

    .m-r-md-1 {
        margin-right: 1em
    }

    .m-r-md-2 {
        margin-right: 2em
    }

    .m-r-md-3 {
        margin-right: 3em
    }

    .m-r-md-4 {
        margin-right: 4em
    }
}

@media (min-width: 1200px) {
    .m-t-lg-0 {
        margin-top: 0
    }

    .m-t-lg-1 {
        margin-top: 1em
    }

    .m-t-lg-2 {
        margin-top: 2em
    }

    .m-t-lg-3 {
        margin-top: 3em
    }

    .m-t-lg-4 {
        margin-top: 4em
    }

    .m-b-lg-0 {
        margin-bottom: 0
    }

    .m-b-lg-1 {
        margin-bottom: 1em
    }

    .m-b-lg-2 {
        margin-bottom: 2em
    }

    .m-b-lg-3 {
        margin-bottom: 3em
    }

    .m-b-lg-4 {
        margin-bottom: 4em
    }

    .m-l-lg-0 {
        margin-left: 0
    }

    .m-l-lg-1 {
        margin-left: 1em
    }

    .m-l-lg-2 {
        margin-left: 2em
    }

    .m-l-lg-3 {
        margin-left: 3em
    }

    .m-l-lg-4 {
        margin-left: 4em
    }

    .m-r-lg-0 {
        margin-right: 0
    }

    .m-r-lg-1 {
        margin-right: 1em
    }

    .m-r-lg-2 {
        margin-right: 2em
    }

    .m-r-lg-3 {
        margin-right: 3em
    }

    .m-r-lg-4 {
        margin-right: 4em
    }
}

.p-0 {
    padding: calc(0 * 20px)
}

.p-1 {
    padding: calc(1 * 20px)
}

.p-2 {
    padding: calc(2 * 20px)
}

.p-3 {
    padding: calc(3 * 20px)
}

.p-4 {
    padding: calc(4 * 20px)
}

.p-t-0 {
    padding-top: 0
}

.p-t-1 {
    padding-top: 1em
}

.p-t-2 {
    padding-top: 2em
}

.p-t-3 {
    padding-top: 3em
}

.p-t-4 {
    padding-top: 4em
}

.p-b-0 {
    padding-bottom: 0
}

.p-b-1 {
    padding-bottom: 1em
}

.p-b-2 {
    padding-bottom: 2em
}

.p-b-3 {
    padding-bottom: 3em
}

.p-b-4 {
    padding-bottom: 4em
}

.p-l-0 {
    padding-left: 0
}

.p-l-1 {
    padding-left: 1em
}

.p-l-2 {
    padding-left: 2em
}

.p-l-3 {
    padding-left: 3em
}

.p-l-4 {
    padding-left: 4em
}

.p-r-0 {
    padding-right: 0
}

.p-r-1 {
    padding-right: 1em
}

.p-r-2 {
    padding-right: 2em
}

.p-r-3 {
    padding-right: 3em
}

.p-r-4 {
    padding-right: 4em
}

@media (min-width: 480px) {
    .p-t-xs-0 {
        padding-top: 0
    }

    .p-t-xs-1 {
        padding-top: 1em
    }

    .p-t-xs-2 {
        padding-top: 2em
    }

    .p-t-xs-3 {
        padding-top: 3em
    }

    .p-t-xs-4 {
        padding-top: 4em
    }

    .p-b-xs-0 {
        padding-bottom: 0
    }

    .p-b-xs-1 {
        padding-bottom: 1em
    }

    .p-b-xs-2 {
        padding-bottom: 2em
    }

    .p-b-xs-3 {
        padding-bottom: 3em
    }

    .p-b-xs-4 {
        padding-bottom: 4em
    }

    .p-l-xs-0 {
        padding-left: 0
    }

    .p-l-xs-1 {
        padding-left: 1em
    }

    .p-l-xs-2 {
        padding-left: 2em
    }

    .p-l-xs-3 {
        padding-left: 3em
    }

    .p-l-xs-4 {
        padding-left: 4em
    }

    .p-r-xs-0 {
        padding-right: 0
    }

    .p-r-xs-1 {
        padding-right: 1em
    }

    .p-r-xs-2 {
        padding-right: 2em
    }

    .p-r-xs-3 {
        padding-right: 3em
    }

    .p-r-xs-4 {
        padding-right: 4em
    }
}

@media (min-width: 768px) {
    .p-t-sm-0 {
        padding-top: 0
    }

    .p-t-sm-1 {
        padding-top: 1em
    }

    .p-t-sm-2 {
        padding-top: 2em
    }

    .p-t-sm-3 {
        padding-top: 3em
    }

    .p-t-sm-4 {
        padding-top: 4em
    }

    .p-b-sm-0 {
        padding-bottom: 0
    }

    .p-b-sm-1 {
        padding-bottom: 1em
    }

    .p-b-sm-2 {
        padding-bottom: 2em
    }

    .p-b-sm-3 {
        padding-bottom: 3em
    }

    .p-b-sm-4 {
        padding-bottom: 4em
    }

    .p-l-sm-0 {
        padding-left: 0
    }

    .p-l-sm-1 {
        padding-left: 1em
    }

    .p-l-sm-2 {
        padding-left: 2em
    }

    .p-l-sm-3 {
        padding-left: 3em
    }

    .p-l-sm-4 {
        padding-left: 4em
    }

    .p-r-sm-0 {
        padding-right: 0
    }

    .p-r-sm-1 {
        padding-right: 1em
    }

    .p-r-sm-2 {
        padding-right: 2em
    }

    .p-r-sm-3 {
        padding-right: 3em
    }

    .p-r-sm-4 {
        padding-right: 4em
    }
}

@media (min-width: 992px) {
    .p-t-md-0 {
        padding-top: 0
    }

    .p-t-md-1 {
        padding-top: 1em
    }

    .p-t-md-2 {
        padding-top: 2em
    }

    .p-t-md-3 {
        padding-top: 3em
    }

    .p-t-md-4 {
        padding-top: 4em
    }

    .p-b-md-0 {
        padding-bottom: 0
    }

    .p-b-md-1 {
        padding-bottom: 1em
    }

    .p-b-md-2 {
        padding-bottom: 2em
    }

    .p-b-md-3 {
        padding-bottom: 3em
    }

    .p-b-md-4 {
        padding-bottom: 4em
    }

    .p-l-md-0 {
        padding-left: 0
    }

    .p-l-md-1 {
        padding-left: 1em
    }

    .p-l-md-2 {
        padding-left: 2em
    }

    .p-l-md-3 {
        padding-left: 3em
    }

    .p-l-md-4 {
        padding-left: 4em
    }

    .p-r-md-0 {
        padding-right: 0
    }

    .p-r-md-1 {
        padding-right: 1em
    }

    .p-r-md-2 {
        padding-right: 2em
    }

    .p-r-md-3 {
        padding-right: 3em
    }

    .p-r-md-4 {
        padding-right: 4em
    }
}

@media (min-width: 1200px) {
    .p-t-lg-0 {
        padding-top: 0
    }

    .p-t-lg-1 {
        padding-top: 1em
    }

    .p-t-lg-2 {
        padding-top: 2em
    }

    .p-t-lg-3 {
        padding-top: 3em
    }

    .p-t-lg-4 {
        padding-top: 4em
    }

    .p-b-lg-0 {
        padding-bottom: 0
    }

    .p-b-lg-1 {
        padding-bottom: 1em
    }

    .p-b-lg-2 {
        padding-bottom: 2em
    }

    .p-b-lg-3 {
        padding-bottom: 3em
    }

    .p-b-lg-4 {
        padding-bottom: 4em
    }

    .p-l-lg-0 {
        padding-left: 0
    }

    .p-l-lg-1 {
        padding-left: 1em
    }

    .p-l-lg-2 {
        padding-left: 2em
    }

    .p-l-lg-3 {
        padding-left: 3em
    }

    .p-l-lg-4 {
        padding-left: 4em
    }

    .p-r-lg-0 {
        padding-right: 0
    }

    .p-r-lg-1 {
        padding-right: 1em
    }

    .p-r-lg-2 {
        padding-right: 2em
    }

    .p-r-lg-3 {
        padding-right: 3em
    }

    .p-r-lg-4 {
        padding-right: 4em
    }
}

header.page-header2 {
    background: #fff;
    width: 100%;
    position: sticky;
    min-width: 320px;
    z-index: 10000;
    top: -40px;
    right: 0;
    left: 0
}

@keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

header.page-header2 .label {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    background: #f3f9f5;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #048930;
    border-radius: 19px;
    margin-left: 10px
}

header.page-header2 .flex-block {
    display: flex;
    flex-direction: column
}

header.page-header2 .flex-block .block.presets {
    flex: 1
}

header.page-header2 .subheader {
    background-color: #181616;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px
}

header.page-header2 .subheader .links {
    display: flex;
    height: 100%
}

header.page-header2 .subheader .links .link {
    height: 100%;
    font-weight: 600;
    font-size: .8571428571rem;
    line-height: 1.2857142857rem;
    color: #fff;
    opacity: .5;
    padding: 0 10px;
    display: flex;
    align-items: center;
    transition: opacity .3s
}

@media (max-width: 767.98px) {
    header.page-header2 .subheader .links .link.payment-methods {
        display: none
    }
}

header.page-header2 .subheader .links .link:hover {
    opacity: 1
}

header.page-header2 .subheader .client {
    display: flex;
    height: 100%;
    align-items: center
}

header.page-header2 .subheader .client a {
    display: flex;
    align-items: center;
    height: 100%;
    color: #0938de;
    font-weight: 700;
    font-size: .8571428571rem;
    line-height: 1.2857142857rem;
    padding: 0 10px;
    transition: color .3s ease-in-out
}

header.page-header2 .subheader .client svg {
    margin-right: 10px
}

header.page-header2 .subheader .client svg path {
    fill: #0938de;
    transition: fill .3s ease-in-out
}

header.page-header2 .subheader .client:hover a {
    color: #0938de
}

header.page-header2 .subheader .client:hover svg path {
    fill: #0938de
}

header.page-header2 .subheader .user {
    display: block;
    height: 100%
}

header.page-header2 .subheader .user .nav-submenu-toggler {
    display: flex;
    align-items: center;
    padding: 0;
    height: 100%;
    margin-left: auto;
    margin-right: 20px
}

header.page-header2 .subheader .user .nav-submenu-toggler span {
    display: flex;
    align-items: center;
    text-transform: none;
    font-weight: 600;
    font-size: .8571428571rem;
    line-height: .8571428571rem;
    color: #fff;
    transition: color .3s ease-in-out
}

header.page-header2 .subheader .user .nav-submenu-toggler span:after {
    transition: border-color .3s ease-in-out;
    border-color: transparent transparent #fff
}

header.page-header2 .subheader .user .nav-submenu-toggler svg {
    margin-right: 10px
}

header.page-header2 .subheader .user .nav-submenu-toggler svg path {
    fill: #fff;
    transition: fill .3s ease-in-out
}

header.page-header2 .subheader .user .nav-submenu-toggler:hover span, header.page-header2 .subheader .user .nav-submenu-toggler[aria-expanded=true] span {
    color: #0938de
}

header.page-header2 .subheader .user .nav-submenu-toggler:hover span:after, header.page-header2 .subheader .user .nav-submenu-toggler[aria-expanded=true] span:after {
    border-color: transparent transparent #0938de
}

header.page-header2 .subheader .user .nav-submenu-toggler:hover svg path, header.page-header2 .subheader .user .nav-submenu-toggler[aria-expanded=true] svg path {
    fill: #0938de
}

header.page-header2 .subheader .user-menu {
    display: none;
    position: relative;
    padding: 0;
    border: none;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .05), 0 5px 10px rgba(0, 0, 0, .05), inset 0 -2px 0 #231f20;
    z-index: 9999
}

header.page-header2 .subheader .user-menu .nav-submenu-toggler {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    padding: 0
}

header.page-header2 .subheader .user-menu .nav-submenu-toggler .username {
    color: #fff;
    transition: color .3s ease-in-out
}

header.page-header2 .subheader .user-menu .nav-submenu-item {
    border-bottom: 1px solid #f7f7f7
}

header.page-header2 .subheader .user-menu .nav-submenu-item:last-child {
    border-bottom: none
}

header.page-header2 .subheader .user-menu .nav-submenu-item a {
    display: flex;
    padding: 10px 15px
}

header.page-header2 .subheader .user-menu .nav-submenu-item a span {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747;
    text-transform: none;
    transition: color .3s ease-in-out
}

header.page-header2 .subheader .user-menu .nav-submenu-item a .balance {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    text-align: right;
    color: #474747;
    padding-left: 10px;
    opacity: .5;
    margin-left: auto
}

header.page-header2 .subheader .user-menu .nav-submenu-item:hover a span:not(.balance) {
    color: #1f5080
}

header.page-header2 .subheader .user-menu .user-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 10px 20px;
    max-width: 300px
}

header.page-header2 .subheader .user-menu .user-card span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

header.page-header2 .subheader .user-menu .user-card-email {
    margin-bottom: 5px
}

header.page-header2 .subheader .user-menu .user-card-balance {
    padding-bottom: 15px;
    border-bottom: 1px solid #f7f7f7
}

header.page-header2 nav.shadow {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
}

header.page-header2 ul {
    list-style: none
}

header.page-header2 .nav-submenu-toggler {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.45;
    display: block;
    padding: 20px 30px 20px 10px;
    text-transform: uppercase;
    color: #8b7b7f;
    border: 0;
    background: 0 0;
    max-height: 60px;
    cursor: pointer
}

@media screen and (max-width: 991.98px) {
    header.page-header2 .nav-submenu-toggler {
        padding: 20px 20px 20px 5px
    }
}

@media screen and (max-width: 767.98px) {
    header.page-header2 .nav-submenu-toggler {
        padding: 20px 30px 20px 10px
    }
}

header.page-header2 .nav-submenu-toggler span {
    color: #474747
}

@media screen and (min-width: 1200px) {
    header.page-header2 .nav-submenu-toggler.nav-submenu-toggler--secondary span {
        color: #8b7b7f
    }
}

header.page-header2 .nav-submenu-toggler.nav-submenu-toggler--icon {
    padding: 15px 10px;
    margin-right: -10px;
    height: 60px
}

header.page-header2 .nav-submenu-toggler span {
    position: relative
}

header.page-header2 .nav-submenu-toggler span::after {
    right: -15px;
    bottom: 0;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent transparent #0938de;
    border-style: solid;
    border-width: 0 0 6px 6px
}

header.page-header2 .nav-submenu-toggler[aria-expanded=true] ~ .nav-submenu {
    display: block
}

header.page-header2 .actions {
    list-style: none;
    display: flex;
    align-items: stretch;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    transition: opacity .3s
}

header.page-header2 .actions-item {
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 60px;
    display: block
}

header.page-header2 .actions-item .nav-submenu-toggler {
    padding: 20px;
    width: 100%
}

header.page-header2 .actions-item .nav-submenu-toggler.nav-submenu-toggler--icon {
    padding: 0;
    display: flex;
    align-items: center
}

header.page-header2 .actions-item .nav-submenu-toggler.nav-submenu-toggler--icon svg {
    margin-right: 10px
}

header.page-header2 .actions-item.login-link a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 10px
}

header.page-header2 .actions-item.cart-link .cart-toggler.opened {
    background-color: #fff
}

header.page-header2 .actions-item, header.page-header2 .nav-item {
    position: relative
}

header.page-header2 .actions-item:hover, header.page-header2 .nav-item:hover {
    background-color: #fff
}

header.page-header2 .actions-item:hover::before, header.page-header2 .nav-item:hover::before {
    background-color: #0938de
}

header.page-header2 .actions-item::before, header.page-header2 .nav-item::before {
    content: "";
    position: absolute;
    background-color: transparent;
    height: 4px;
    top: 0;
    width: 100%;
    transition: background-color .3s
}

header.page-header2 .actions-item.active, header.page-header2 .nav-item.active {
    background-color: #fff
}

header.page-header2 .actions-item.active::before, header.page-header2 .actions-item.active:hover::before, header.page-header2 .nav-item.active::before, header.page-header2 .nav-item.active:hover::before {
    background-color: #0938de
}

header.page-header2 .actions-item.on-mobile-menu, header.page-header2 .nav-item.on-mobile-menu {
    display: none
}

header.page-header2 .actions-item.show-xl, header.page-header2 .nav-item.show-xl {
    display: none
}

@media screen and (min-width: 1200px) {
    header.page-header2 .actions-item.show-xl, header.page-header2 .nav-item.show-xl {
        display: block
    }
}

header.page-header2 .actions-item.submenu-wrapper::before, header.page-header2 .nav-item.submenu-wrapper::before {
    width: calc(100% - 40px)
}

header.page-header2 .actions-item::before {
    width: 100%
}

header.page-header2 .actions-item.user-menu::before {
    width: 30px;
    margin-left: 15px;
    margin-right: 15px
}

header.page-header2 .actions-item.login-link .login-link-icon g g {
    fill: #231f20
}

header.page-header2 .actions-item.nav-separator::before {
    display: none;
    content: unset
}

header.page-header2 .user-avatar {
    width: 30px;
    height: 30px
}

header.page-header2 .user-avatar svg {
    width: 30px;
    height: 30px
}

header.page-header2 nav {
    background-color: #fff;
    height: 60px;
    transition: background-color .3s ease-in-out
}

header.page-header2 nav:before {
    content: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: rgba(35, 31, 32, .8);
    pointer-events: none;
    z-index: -1;
    transition: opacity .3s ease-in-out .15s
}

header.page-header2 nav .navigation-panel {
    display: flex;
    position: relative;
    align-items: center;
    height: 100%;
    padding: 0
}

header.page-header2 nav .navigation-panel .logo-img {
    display: flex;
    align-items: center
}

header.page-header2 nav .navigation-panel .cart-toggler {
    width: 60px
}

@media (max-width: 1199.98px) {
    header.page-header2 nav .navigation-panel {
        justify-content: space-between;
        padding: 0
    }

    header.page-header2 nav .navigation-panel .logo {
        position: absolute;
        height: 100%;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: center
    }
}

header.page-header2 nav ul {
    position: relative;
    list-style: none;
    display: flex;
    height: 100%
}

header.page-header2 nav ul .menu-btn {
    display: none;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

@media (max-width: 1199.98px) {
    header.page-header2 nav ul .menu-btn {
        display: flex
    }
}

header.page-header2 nav ul .menu-btn.opened {
    background-color: #fff
}

header.page-header2 nav ul .menu-btn.opened::before {
    background-color: #0938de
}

header.page-header2 nav ul .menu-btn.opened .menu-link-icon {
    opacity: 0
}

header.page-header2 nav ul .menu-btn.opened .menu-link-icon-close {
    opacity: 1;
    transform: rotate(-180deg)
}

header.page-header2 nav ul .menu-btn .menu-link-icon {
    display: block;
    margin: 2px 0;
    opacity: 1;
    transition: opacity .15s ease-in-out
}

header.page-header2 nav ul .menu-btn .menu-link-icon-close {
    position: absolute;
    top: 13px;
    left: 13px;
    opacity: 0;
    transform: rotate(0);
    transition: transform .15s ease-in-out, opacity .15s ease-in-out
}

header.page-header2 nav ul .nav-item {
    height: 100%;
    position: relative
}

header.page-header2 nav ul .nav-item:hover .nav-item-hack {
    position: absolute;
    width: 100%;
    height: 100%
}

header.page-header2 nav ul .nav-item:hover .nav-item-hack::after, header.page-header2 nav ul .nav-item:hover .nav-item-hack::before {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 1;
    transform: rotate(-45deg) skew(35deg, 35deg) scale(2);
    bottom: -30px
}

header.page-header2 nav ul .nav-item:hover .nav-item-hack::after {
    right: -20px
}

header.page-header2 nav ul .nav-item:hover .nav-item-hack::before {
    left: -20px
}

header.page-header2 nav ul .nav-item a, header.page-header2 nav ul .nav-item span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 15px;
    cursor: pointer;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #474747
}

header.page-header2 nav ul .nav-item span {
    position: relative;
    padding-right: 30px
}

header.page-header2 nav ul .nav-item span::after {
    right: 15px;
    bottom: 35%;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent transparent #0938de;
    border-style: solid;
    border-width: 0 0 6px 6px
}

header.page-header2 nav .actions {
    margin-left: auto
}

header.page-header2 nav .content-menu {
    pointer-events: none;
    display: none;
    opacity: 0;
    width: 100%;
    background-color: #f7f7f7;
    bottom: 0;
    left: 0;
    position: relative;
    padding: 1px 10px 10px;
    max-height: calc(100vh - 100px);
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 99;
    transition: opacity .3s ease-in-out .5s, display .3s ease-in-out .5s
}

header.page-header2 nav .content-menu.animation {
    transition: opacity .3s ease-in-out
}

header.page-header2 nav .content-menu.show {
    opacity: 1
}

header.page-header2 nav .content-menu.hide {
    opacity: 0
}

@media (max-width: 1199.98px) {
    header.page-header2 nav .content-menu {
        height: calc(100vh - 100px);
        padding: 0
    }
}

header.page-header2 nav .content-menu .menu {
    width: 100%;
    height: 100%;
    background-color: #f7f7f7
}

@media (max-width: 991.98px) {
    header.page-header2 nav .content-menu .menu > .ish--row, header.page-header2 nav .content-menu .menu > .row {
        height: 100%;
        padding-bottom: 20px
    }
}

header.page-header2 nav .content-menu .menu .ish--row, header.page-header2 nav .content-menu .menu .row {
    margin: 0 -.5px
}

header.page-header2 nav .content-menu .menu .ish--row [class^=col-], header.page-header2 nav .content-menu .menu .row [class^=col-] {
    padding: 0 .5px
}

header.page-header2 nav .content-menu .menu .dedicated.animation, header.page-header2 nav .content-menu .menu .more.animation, header.page-header2 nav .content-menu .menu .vpn.animation, header.page-header2 nav .content-menu .menu .vps.animation {
    transition: opacity .3s ease-in-out
}

header.page-header2 nav .content-menu .menu .dedicated.show, header.page-header2 nav .content-menu .menu .more.show, header.page-header2 nav .content-menu .menu .vpn.show, header.page-header2 nav .content-menu .menu .vps.show {
    opacity: 1
}

header.page-header2 nav .content-menu .menu .dedicated.hide, header.page-header2 nav .content-menu .menu .more.hide, header.page-header2 nav .content-menu .menu .vpn.hide, header.page-header2 nav .content-menu .menu .vps.hide {
    opacity: 0
}

header.page-header2 nav .content-menu .menu .dedicated.animation.hide, header.page-header2 nav .content-menu .menu .more.animation.hide, header.page-header2 nav .content-menu .menu .vpn.animation.hide, header.page-header2 nav .content-menu .menu .vps.animation.hide {
    min-height: 200px;
    position: absolute;
    z-index: -1
}

@media (max-width: 1199.98px) {
    header.page-header2 nav .content-menu .menu .dedicated, header.page-header2 nav .content-menu .menu .more, header.page-header2 nav .content-menu .menu .vpn, header.page-header2 nav .content-menu .menu .vps {
        min-height: unset;
        position: unset;
        z-index: unset
    }
}

header.page-header2 nav .content-menu .menu .vpn .block.presets {
    border-top: none
}

header.page-header2 nav .content-menu .menu .block {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;
    align-items: flex-start
}

header.page-header2 nav .content-menu .menu .block.os, header.page-header2 nav .content-menu .menu .block.other, header.page-header2 nav .content-menu .menu .block.presets {
    height: unset
}

header.page-header2 nav .content-menu .menu .block.os.last, header.page-header2 nav .content-menu .menu .block.other.last, header.page-header2 nav .content-menu .menu .block.presets.last {
    height: 100%
}

@media (max-width: 991.98px) {
    header.page-header2 nav .content-menu .menu .block.os {
        border-top: 1px solid #f7f7f7
    }
}

header.page-header2 nav .content-menu .menu .block.presets {
    border-top: 1px solid #f7f7f7
}

header.page-header2 nav .content-menu .menu .block-head {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

header.page-header2 nav .content-menu .menu .block-head .head {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.5714285714rem;
    color: #231f20;
    margin-bottom: 10px;
    height: unset
}

header.page-header2 nav .content-menu .menu .block-head .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747
}

header.page-header2 nav .content-menu .menu .block .bandwidth, header.page-header2 nav .content-menu .menu .block .ddos, header.page-header2 nav .content-menu .menu .block .locations, header.page-header2 nav .content-menu .menu .block .os, header.page-header2 nav .content-menu .menu .block .presets {
    list-style: none;
    display: flex;
    flex-direction: column;
    width: 100%
}

header.page-header2 nav .content-menu .menu .block .bandwidth .locations-columns, header.page-header2 nav .content-menu .menu .block .ddos .locations-columns, header.page-header2 nav .content-menu .menu .block .locations .locations-columns, header.page-header2 nav .content-menu .menu .block .os .locations-columns, header.page-header2 nav .content-menu .menu .block .presets .locations-columns {
    columns: 3;
    column-gap: 0
}

header.page-header2 nav .content-menu .menu .block .bandwidth .locations-columns .locations-columns-block, header.page-header2 nav .content-menu .menu .block .ddos .locations-columns .locations-columns-block, header.page-header2 nav .content-menu .menu .block .locations .locations-columns .locations-columns-block, header.page-header2 nav .content-menu .menu .block .os .locations-columns .locations-columns-block, header.page-header2 nav .content-menu .menu .block .presets .locations-columns .locations-columns-block {
    display: flex;
    flex-direction: column
}

header.page-header2 nav .content-menu .menu .block .bandwidth .locations-columns .locations-columns-block.default, header.page-header2 nav .content-menu .menu .block .ddos .locations-columns .locations-columns-block.default, header.page-header2 nav .content-menu .menu .block .locations .locations-columns .locations-columns-block.default, header.page-header2 nav .content-menu .menu .block .os .locations-columns .locations-columns-block.default, header.page-header2 nav .content-menu .menu .block .presets .locations-columns .locations-columns-block.default {
    margin-top: 20px
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    header.page-header2 nav .content-menu .menu .block .bandwidth .locations-columns .locations-columns-block.break-md-xl, header.page-header2 nav .content-menu .menu .block .ddos .locations-columns .locations-columns-block.break-md-xl, header.page-header2 nav .content-menu .menu .block .locations .locations-columns .locations-columns-block.break-md-xl, header.page-header2 nav .content-menu .menu .block .os .locations-columns .locations-columns-block.break-md-xl, header.page-header2 nav .content-menu .menu .block .presets .locations-columns .locations-columns-block.break-md-xl {
        break-before: column
    }
}

@media (max-width: 1199.98px) {
    header.page-header2 nav .content-menu .menu .block .bandwidth .locations-columns, header.page-header2 nav .content-menu .menu .block .ddos .locations-columns, header.page-header2 nav .content-menu .menu .block .locations .locations-columns, header.page-header2 nav .content-menu .menu .block .os .locations-columns, header.page-header2 nav .content-menu .menu .block .presets .locations-columns {
        columns: 2
    }
}

@media (max-width: 767.98px) {
    header.page-header2 nav .content-menu .menu .block .bandwidth .locations-columns, header.page-header2 nav .content-menu .menu .block .ddos .locations-columns, header.page-header2 nav .content-menu .menu .block .locations .locations-columns, header.page-header2 nav .content-menu .menu .block .os .locations-columns, header.page-header2 nav .content-menu .menu .block .presets .locations-columns {
        columns: 1
    }
}

header.page-header2 nav .content-menu .menu .block .bandwidth .ish--row, header.page-header2 nav .content-menu .menu .block .bandwidth .row, header.page-header2 nav .content-menu .menu .block .ddos .ish--row, header.page-header2 nav .content-menu .menu .block .ddos .row, header.page-header2 nav .content-menu .menu .block .locations .ish--row, header.page-header2 nav .content-menu .menu .block .locations .row, header.page-header2 nav .content-menu .menu .block .os .ish--row, header.page-header2 nav .content-menu .menu .block .os .row, header.page-header2 nav .content-menu .menu .block .presets .ish--row, header.page-header2 nav .content-menu .menu .block .presets .row {
    margin: 0 -.5px
}

header.page-header2 nav .content-menu .menu .block .bandwidth .ish--row [class^=col-], header.page-header2 nav .content-menu .menu .block .bandwidth .row [class^=col-], header.page-header2 nav .content-menu .menu .block .ddos .ish--row [class^=col-], header.page-header2 nav .content-menu .menu .block .ddos .row [class^=col-], header.page-header2 nav .content-menu .menu .block .locations .ish--row [class^=col-], header.page-header2 nav .content-menu .menu .block .locations .row [class^=col-], header.page-header2 nav .content-menu .menu .block .os .ish--row [class^=col-], header.page-header2 nav .content-menu .menu .block .os .row [class^=col-], header.page-header2 nav .content-menu .menu .block .presets .ish--row [class^=col-], header.page-header2 nav .content-menu .menu .block .presets .row [class^=col-] {
    padding: 0 .5px
}

header.page-header2 nav .content-menu .menu .block .bandwidth .ish--row .content, header.page-header2 nav .content-menu .menu .block .bandwidth .row .content, header.page-header2 nav .content-menu .menu .block .ddos .ish--row .content, header.page-header2 nav .content-menu .menu .block .ddos .row .content, header.page-header2 nav .content-menu .menu .block .locations .ish--row .content, header.page-header2 nav .content-menu .menu .block .locations .row .content, header.page-header2 nav .content-menu .menu .block .os .ish--row .content, header.page-header2 nav .content-menu .menu .block .os .row .content, header.page-header2 nav .content-menu .menu .block .presets .ish--row .content, header.page-header2 nav .content-menu .menu .block .presets .row .content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%
}

header.page-header2 nav .content-menu .menu .block .bandwidth .ish--row .content .bandwidth-item.full, header.page-header2 nav .content-menu .menu .block .bandwidth .ish--row .content .preset-item.full, header.page-header2 nav .content-menu .menu .block .bandwidth .row .content .bandwidth-item.full, header.page-header2 nav .content-menu .menu .block .bandwidth .row .content .preset-item.full, header.page-header2 nav .content-menu .menu .block .ddos .ish--row .content .bandwidth-item.full, header.page-header2 nav .content-menu .menu .block .ddos .ish--row .content .preset-item.full, header.page-header2 nav .content-menu .menu .block .ddos .row .content .bandwidth-item.full, header.page-header2 nav .content-menu .menu .block .ddos .row .content .preset-item.full, header.page-header2 nav .content-menu .menu .block .locations .ish--row .content .bandwidth-item.full, header.page-header2 nav .content-menu .menu .block .locations .ish--row .content .preset-item.full, header.page-header2 nav .content-menu .menu .block .locations .row .content .bandwidth-item.full, header.page-header2 nav .content-menu .menu .block .locations .row .content .preset-item.full, header.page-header2 nav .content-menu .menu .block .os .ish--row .content .bandwidth-item.full, header.page-header2 nav .content-menu .menu .block .os .ish--row .content .preset-item.full, header.page-header2 nav .content-menu .menu .block .os .row .content .bandwidth-item.full, header.page-header2 nav .content-menu .menu .block .os .row .content .preset-item.full, header.page-header2 nav .content-menu .menu .block .presets .ish--row .content .bandwidth-item.full, header.page-header2 nav .content-menu .menu .block .presets .ish--row .content .preset-item.full, header.page-header2 nav .content-menu .menu .block .presets .row .content .bandwidth-item.full, header.page-header2 nav .content-menu .menu .block .presets .row .content .preset-item.full {
    width: 100%
}

@media (max-width: 575.98px) {
    header.page-header2 nav .content-menu .menu .block .bandwidth .ish--row .content, header.page-header2 nav .content-menu .menu .block .bandwidth .row .content, header.page-header2 nav .content-menu .menu .block .ddos .ish--row .content, header.page-header2 nav .content-menu .menu .block .ddos .row .content, header.page-header2 nav .content-menu .menu .block .locations .ish--row .content, header.page-header2 nav .content-menu .menu .block .locations .row .content, header.page-header2 nav .content-menu .menu .block .os .ish--row .content, header.page-header2 nav .content-menu .menu .block .os .row .content, header.page-header2 nav .content-menu .menu .block .presets .ish--row .content, header.page-header2 nav .content-menu .menu .block .presets .row .content {
        max-height: unset
    }

    header.page-header2 nav .content-menu .menu .block .bandwidth .ish--row .content .bandwidth-item, header.page-header2 nav .content-menu .menu .block .bandwidth .ish--row .content .preset-item, header.page-header2 nav .content-menu .menu .block .bandwidth .row .content .bandwidth-item, header.page-header2 nav .content-menu .menu .block .bandwidth .row .content .preset-item, header.page-header2 nav .content-menu .menu .block .ddos .ish--row .content .bandwidth-item, header.page-header2 nav .content-menu .menu .block .ddos .ish--row .content .preset-item, header.page-header2 nav .content-menu .menu .block .ddos .row .content .bandwidth-item, header.page-header2 nav .content-menu .menu .block .ddos .row .content .preset-item, header.page-header2 nav .content-menu .menu .block .locations .ish--row .content .bandwidth-item, header.page-header2 nav .content-menu .menu .block .locations .ish--row .content .preset-item, header.page-header2 nav .content-menu .menu .block .locations .row .content .bandwidth-item, header.page-header2 nav .content-menu .menu .block .locations .row .content .preset-item, header.page-header2 nav .content-menu .menu .block .os .ish--row .content .bandwidth-item, header.page-header2 nav .content-menu .menu .block .os .ish--row .content .preset-item, header.page-header2 nav .content-menu .menu .block .os .row .content .bandwidth-item, header.page-header2 nav .content-menu .menu .block .os .row .content .preset-item, header.page-header2 nav .content-menu .menu .block .presets .ish--row .content .bandwidth-item, header.page-header2 nav .content-menu .menu .block .presets .ish--row .content .preset-item, header.page-header2 nav .content-menu .menu .block .presets .row .content .bandwidth-item, header.page-header2 nav .content-menu .menu .block .presets .row .content .preset-item {
        width: 100%
    }
}

header.page-header2 nav .content-menu .menu .block .bandwidth .location-item, header.page-header2 nav .content-menu .menu .block .bandwidth .os-item, header.page-header2 nav .content-menu .menu .block .bandwidth .preset-item .bandwidth-item, header.page-header2 nav .content-menu .menu .block .ddos .location-item, header.page-header2 nav .content-menu .menu .block .ddos .os-item, header.page-header2 nav .content-menu .menu .block .ddos .preset-item .bandwidth-item, header.page-header2 nav .content-menu .menu .block .locations .location-item, header.page-header2 nav .content-menu .menu .block .locations .os-item, header.page-header2 nav .content-menu .menu .block .locations .preset-item .bandwidth-item, header.page-header2 nav .content-menu .menu .block .os .location-item, header.page-header2 nav .content-menu .menu .block .os .os-item, header.page-header2 nav .content-menu .menu .block .os .preset-item .bandwidth-item, header.page-header2 nav .content-menu .menu .block .presets .location-item, header.page-header2 nav .content-menu .menu .block .presets .os-item, header.page-header2 nav .content-menu .menu .block .presets .preset-item .bandwidth-item {
    display: flex;
    justify-content: flex-start;
    max-height: 32px
}

header.page-header2 nav .content-menu .menu .block .bandwidth .location-item-category, header.page-header2 nav .content-menu .menu .block .bandwidth .os-item-category, header.page-header2 nav .content-menu .menu .block .bandwidth .preset-item .bandwidth-item-category, header.page-header2 nav .content-menu .menu .block .ddos .location-item-category, header.page-header2 nav .content-menu .menu .block .ddos .os-item-category, header.page-header2 nav .content-menu .menu .block .ddos .preset-item .bandwidth-item-category, header.page-header2 nav .content-menu .menu .block .locations .location-item-category, header.page-header2 nav .content-menu .menu .block .locations .os-item-category, header.page-header2 nav .content-menu .menu .block .locations .preset-item .bandwidth-item-category, header.page-header2 nav .content-menu .menu .block .os .location-item-category, header.page-header2 nav .content-menu .menu .block .os .os-item-category, header.page-header2 nav .content-menu .menu .block .os .preset-item .bandwidth-item-category, header.page-header2 nav .content-menu .menu .block .presets .location-item-category, header.page-header2 nav .content-menu .menu .block .presets .os-item-category, header.page-header2 nav .content-menu .menu .block .presets .preset-item .bandwidth-item-category {
    height: unset;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    color: #474747;
    padding: 5px 0
}

@media screen and (max-width: 1199.98px) {
    header.page-header2 nav .content-menu .menu .block .bandwidth .location-item-category, header.page-header2 nav .content-menu .menu .block .bandwidth .os-item-category, header.page-header2 nav .content-menu .menu .block .bandwidth .preset-item .bandwidth-item-category, header.page-header2 nav .content-menu .menu .block .ddos .location-item-category, header.page-header2 nav .content-menu .menu .block .ddos .os-item-category, header.page-header2 nav .content-menu .menu .block .ddos .preset-item .bandwidth-item-category, header.page-header2 nav .content-menu .menu .block .locations .location-item-category, header.page-header2 nav .content-menu .menu .block .locations .os-item-category, header.page-header2 nav .content-menu .menu .block .locations .preset-item .bandwidth-item-category, header.page-header2 nav .content-menu .menu .block .os .location-item-category, header.page-header2 nav .content-menu .menu .block .os .os-item-category, header.page-header2 nav .content-menu .menu .block .os .preset-item .bandwidth-item-category, header.page-header2 nav .content-menu .menu .block .presets .location-item-category, header.page-header2 nav .content-menu .menu .block .presets .os-item-category, header.page-header2 nav .content-menu .menu .block .presets .preset-item .bandwidth-item-category {
        padding: 15px 0
    }
}

header.page-header2 nav .content-menu .menu .block .bandwidth .location-item-category.link, header.page-header2 nav .content-menu .menu .block .bandwidth .os-item-category.link, header.page-header2 nav .content-menu .menu .block .bandwidth .preset-item .bandwidth-item-category.link, header.page-header2 nav .content-menu .menu .block .ddos .location-item-category.link, header.page-header2 nav .content-menu .menu .block .ddos .os-item-category.link, header.page-header2 nav .content-menu .menu .block .ddos .preset-item .bandwidth-item-category.link, header.page-header2 nav .content-menu .menu .block .locations .location-item-category.link, header.page-header2 nav .content-menu .menu .block .locations .os-item-category.link, header.page-header2 nav .content-menu .menu .block .locations .preset-item .bandwidth-item-category.link, header.page-header2 nav .content-menu .menu .block .os .location-item-category.link, header.page-header2 nav .content-menu .menu .block .os .os-item-category.link, header.page-header2 nav .content-menu .menu .block .os .preset-item .bandwidth-item-category.link, header.page-header2 nav .content-menu .menu .block .presets .location-item-category.link, header.page-header2 nav .content-menu .menu .block .presets .os-item-category.link, header.page-header2 nav .content-menu .menu .block .presets .preset-item .bandwidth-item-category.link {
    color: #369;
    transition: color .3s ease-in-out
}

header.page-header2 nav .content-menu .menu .block .bandwidth .location-item-category.link:hover, header.page-header2 nav .content-menu .menu .block .bandwidth .os-item-category.link:hover, header.page-header2 nav .content-menu .menu .block .bandwidth .preset-item .bandwidth-item-category.link:hover, header.page-header2 nav .content-menu .menu .block .ddos .location-item-category.link:hover, header.page-header2 nav .content-menu .menu .block .ddos .os-item-category.link:hover, header.page-header2 nav .content-menu .menu .block .ddos .preset-item .bandwidth-item-category.link:hover, header.page-header2 nav .content-menu .menu .block .locations .location-item-category.link:hover, header.page-header2 nav .content-menu .menu .block .locations .os-item-category.link:hover, header.page-header2 nav .content-menu .menu .block .locations .preset-item .bandwidth-item-category.link:hover, header.page-header2 nav .content-menu .menu .block .os .location-item-category.link:hover, header.page-header2 nav .content-menu .menu .block .os .os-item-category.link:hover, header.page-header2 nav .content-menu .menu .block .os .preset-item .bandwidth-item-category.link:hover, header.page-header2 nav .content-menu .menu .block .presets .location-item-category.link:hover, header.page-header2 nav .content-menu .menu .block .presets .os-item-category.link:hover, header.page-header2 nav .content-menu .menu .block .presets .preset-item .bandwidth-item-category.link:hover {
    color: #1f5080
}

@media screen and (max-width: 1199.98px) {
    header.page-header2 nav .content-menu .menu .block .bandwidth .location-item, header.page-header2 nav .content-menu .menu .block .bandwidth .os-item, header.page-header2 nav .content-menu .menu .block .bandwidth .preset-item .bandwidth-item, header.page-header2 nav .content-menu .menu .block .ddos .location-item, header.page-header2 nav .content-menu .menu .block .ddos .os-item, header.page-header2 nav .content-menu .menu .block .ddos .preset-item .bandwidth-item, header.page-header2 nav .content-menu .menu .block .locations .location-item, header.page-header2 nav .content-menu .menu .block .locations .os-item, header.page-header2 nav .content-menu .menu .block .locations .preset-item .bandwidth-item, header.page-header2 nav .content-menu .menu .block .os .location-item, header.page-header2 nav .content-menu .menu .block .os .os-item, header.page-header2 nav .content-menu .menu .block .os .preset-item .bandwidth-item, header.page-header2 nav .content-menu .menu .block .presets .location-item, header.page-header2 nav .content-menu .menu .block .presets .os-item, header.page-header2 nav .content-menu .menu .block .presets .preset-item .bandwidth-item {
        max-height: 52px
    }
}

@media (max-width: 767.98px) {
    header.page-header2 nav .content-menu .menu .block .bandwidth .location-item, header.page-header2 nav .content-menu .menu .block .bandwidth .os-item, header.page-header2 nav .content-menu .menu .block .bandwidth .preset-item .bandwidth-item, header.page-header2 nav .content-menu .menu .block .ddos .location-item, header.page-header2 nav .content-menu .menu .block .ddos .os-item, header.page-header2 nav .content-menu .menu .block .ddos .preset-item .bandwidth-item, header.page-header2 nav .content-menu .menu .block .locations .location-item, header.page-header2 nav .content-menu .menu .block .locations .os-item, header.page-header2 nav .content-menu .menu .block .locations .preset-item .bandwidth-item, header.page-header2 nav .content-menu .menu .block .os .location-item, header.page-header2 nav .content-menu .menu .block .os .os-item, header.page-header2 nav .content-menu .menu .block .os .preset-item .bandwidth-item, header.page-header2 nav .content-menu .menu .block .presets .location-item, header.page-header2 nav .content-menu .menu .block .presets .os-item, header.page-header2 nav .content-menu .menu .block .presets .preset-item .bandwidth-item {
        max-height: unset
    }
}

header.page-header2 nav .content-menu .menu .block .bandwidth .location-item a, header.page-header2 nav .content-menu .menu .block .bandwidth .os-item a, header.page-header2 nav .content-menu .menu .block .bandwidth .preset-item .bandwidth-item a, header.page-header2 nav .content-menu .menu .block .ddos .location-item a, header.page-header2 nav .content-menu .menu .block .ddos .os-item a, header.page-header2 nav .content-menu .menu .block .ddos .preset-item .bandwidth-item a, header.page-header2 nav .content-menu .menu .block .locations .location-item a, header.page-header2 nav .content-menu .menu .block .locations .os-item a, header.page-header2 nav .content-menu .menu .block .locations .preset-item .bandwidth-item a, header.page-header2 nav .content-menu .menu .block .os .location-item a, header.page-header2 nav .content-menu .menu .block .os .os-item a, header.page-header2 nav .content-menu .menu .block .os .preset-item .bandwidth-item a, header.page-header2 nav .content-menu .menu .block .presets .location-item a, header.page-header2 nav .content-menu .menu .block .presets .os-item a, header.page-header2 nav .content-menu .menu .block .presets .preset-item .bandwidth-item a {
    padding: 5px 0;
    margin-bottom: 0
}

header.page-header2 nav .content-menu .menu .block .bandwidth .location-item a span:not(.label):not(.fi), header.page-header2 nav .content-menu .menu .block .bandwidth .os-item a span:not(.label):not(.fi), header.page-header2 nav .content-menu .menu .block .bandwidth .preset-item .bandwidth-item a span:not(.label):not(.fi), header.page-header2 nav .content-menu .menu .block .ddos .location-item a span:not(.label):not(.fi), header.page-header2 nav .content-menu .menu .block .ddos .os-item a span:not(.label):not(.fi), header.page-header2 nav .content-menu .menu .block .ddos .preset-item .bandwidth-item a span:not(.label):not(.fi), header.page-header2 nav .content-menu .menu .block .locations .location-item a span:not(.label):not(.fi), header.page-header2 nav .content-menu .menu .block .locations .os-item a span:not(.label):not(.fi), header.page-header2 nav .content-menu .menu .block .locations .preset-item .bandwidth-item a span:not(.label):not(.fi), header.page-header2 nav .content-menu .menu .block .os .location-item a span:not(.label):not(.fi), header.page-header2 nav .content-menu .menu .block .os .os-item a span:not(.label):not(.fi), header.page-header2 nav .content-menu .menu .block .os .preset-item .bandwidth-item a span:not(.label):not(.fi), header.page-header2 nav .content-menu .menu .block .presets .location-item a span:not(.label):not(.fi), header.page-header2 nav .content-menu .menu .block .presets .os-item a span:not(.label):not(.fi), header.page-header2 nav .content-menu .menu .block .presets .preset-item .bandwidth-item a span:not(.label):not(.fi) {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width: 575.98px) {
    header.page-header2 nav .content-menu .menu .block .bandwidth .location-item a, header.page-header2 nav .content-menu .menu .block .bandwidth .os-item a, header.page-header2 nav .content-menu .menu .block .bandwidth .preset-item .bandwidth-item a, header.page-header2 nav .content-menu .menu .block .ddos .location-item a, header.page-header2 nav .content-menu .menu .block .ddos .os-item a, header.page-header2 nav .content-menu .menu .block .ddos .preset-item .bandwidth-item a, header.page-header2 nav .content-menu .menu .block .locations .location-item a, header.page-header2 nav .content-menu .menu .block .locations .os-item a, header.page-header2 nav .content-menu .menu .block .locations .preset-item .bandwidth-item a, header.page-header2 nav .content-menu .menu .block .os .location-item a, header.page-header2 nav .content-menu .menu .block .os .os-item a, header.page-header2 nav .content-menu .menu .block .os .preset-item .bandwidth-item a, header.page-header2 nav .content-menu .menu .block .presets .location-item a, header.page-header2 nav .content-menu .menu .block .presets .os-item a, header.page-header2 nav .content-menu .menu .block .presets .preset-item .bandwidth-item a {
        padding: 10px 0
    }
}

@media (max-width: 1199.98px) {
    header.page-header2 nav .content-menu .menu .block .bandwidth .location-item a, header.page-header2 nav .content-menu .menu .block .bandwidth .os-item a, header.page-header2 nav .content-menu .menu .block .bandwidth .preset-item .bandwidth-item a, header.page-header2 nav .content-menu .menu .block .ddos .location-item a, header.page-header2 nav .content-menu .menu .block .ddos .os-item a, header.page-header2 nav .content-menu .menu .block .ddos .preset-item .bandwidth-item a, header.page-header2 nav .content-menu .menu .block .locations .location-item a, header.page-header2 nav .content-menu .menu .block .locations .os-item a, header.page-header2 nav .content-menu .menu .block .locations .preset-item .bandwidth-item a, header.page-header2 nav .content-menu .menu .block .os .location-item a, header.page-header2 nav .content-menu .menu .block .os .os-item a, header.page-header2 nav .content-menu .menu .block .os .preset-item .bandwidth-item a, header.page-header2 nav .content-menu .menu .block .presets .location-item a, header.page-header2 nav .content-menu .menu .block .presets .os-item a, header.page-header2 nav .content-menu .menu .block .presets .preset-item .bandwidth-item a {
        padding: 15px 0
    }
}

header.page-header2 nav .content-menu .menu .block .bandwidth .location-item .fi, header.page-header2 nav .content-menu .menu .block .bandwidth .location-item svg, header.page-header2 nav .content-menu .menu .block .bandwidth .os-item .fi, header.page-header2 nav .content-menu .menu .block .bandwidth .os-item svg, header.page-header2 nav .content-menu .menu .block .bandwidth .preset-item .bandwidth-item .fi, header.page-header2 nav .content-menu .menu .block .bandwidth .preset-item .bandwidth-item svg, header.page-header2 nav .content-menu .menu .block .ddos .location-item .fi, header.page-header2 nav .content-menu .menu .block .ddos .location-item svg, header.page-header2 nav .content-menu .menu .block .ddos .os-item .fi, header.page-header2 nav .content-menu .menu .block .ddos .os-item svg, header.page-header2 nav .content-menu .menu .block .ddos .preset-item .bandwidth-item .fi, header.page-header2 nav .content-menu .menu .block .ddos .preset-item .bandwidth-item svg, header.page-header2 nav .content-menu .menu .block .locations .location-item .fi, header.page-header2 nav .content-menu .menu .block .locations .location-item svg, header.page-header2 nav .content-menu .menu .block .locations .os-item .fi, header.page-header2 nav .content-menu .menu .block .locations .os-item svg, header.page-header2 nav .content-menu .menu .block .locations .preset-item .bandwidth-item .fi, header.page-header2 nav .content-menu .menu .block .locations .preset-item .bandwidth-item svg, header.page-header2 nav .content-menu .menu .block .os .location-item .fi, header.page-header2 nav .content-menu .menu .block .os .location-item svg, header.page-header2 nav .content-menu .menu .block .os .os-item .fi, header.page-header2 nav .content-menu .menu .block .os .os-item svg, header.page-header2 nav .content-menu .menu .block .os .preset-item .bandwidth-item .fi, header.page-header2 nav .content-menu .menu .block .os .preset-item .bandwidth-item svg, header.page-header2 nav .content-menu .menu .block .presets .location-item .fi, header.page-header2 nav .content-menu .menu .block .presets .location-item svg, header.page-header2 nav .content-menu .menu .block .presets .os-item .fi, header.page-header2 nav .content-menu .menu .block .presets .os-item svg, header.page-header2 nav .content-menu .menu .block .presets .preset-item .bandwidth-item .fi, header.page-header2 nav .content-menu .menu .block .presets .preset-item .bandwidth-item svg {
    margin-right: 10px
}

header.page-header2 nav .content-menu .menu .block .bandwidth a, header.page-header2 nav .content-menu .menu .block .ddos a, header.page-header2 nav .content-menu .menu .block .locations a, header.page-header2 nav .content-menu .menu .block .os a, header.page-header2 nav .content-menu .menu .block .presets a {
    height: 100%;
    font-weight: 500;
    font-size: 1.1428571429rem;
    line-height: 1.5714285714rem;
    color: #369;
    display: flex;
    align-items: center;
    border-radius: 3px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, padding-left .15s ease-in-out;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

header.page-header2 nav .content-menu .menu .block .bandwidth a.wrap, header.page-header2 nav .content-menu .menu .block .ddos a.wrap, header.page-header2 nav .content-menu .menu .block .locations a.wrap, header.page-header2 nav .content-menu .menu .block .os a.wrap, header.page-header2 nav .content-menu .menu .block .presets a.wrap {
    white-space: unset
}

header.page-header2 nav .content-menu .menu .block .bandwidth a.inline, header.page-header2 nav .content-menu .menu .block .ddos a.inline, header.page-header2 nav .content-menu .menu .block .locations a.inline, header.page-header2 nav .content-menu .menu .block .os a.inline, header.page-header2 nav .content-menu .menu .block .presets a.inline {
    display: inline
}

header.page-header2 nav .content-menu .menu .block .bandwidth a:hover, header.page-header2 nav .content-menu .menu .block .ddos a:hover, header.page-header2 nav .content-menu .menu .block .locations a:hover, header.page-header2 nav .content-menu .menu .block .os a:hover, header.page-header2 nav .content-menu .menu .block .presets a:hover {
    color: #1f5080
}

header.page-header2 nav .content-menu .menu .block .bandwidth .location-item a, header.page-header2 nav .content-menu .menu .block .ddos .location-item a, header.page-header2 nav .content-menu .menu .block .locations .location-item a, header.page-header2 nav .content-menu .menu .block .os .location-item a, header.page-header2 nav .content-menu .menu .block .presets .location-item a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    width: 100%
}

@media (min-width: 768px) {
    header.page-header2 nav .content-menu .menu .block .bandwidth .location-item a, header.page-header2 nav .content-menu .menu .block .ddos .location-item a, header.page-header2 nav .content-menu .menu .block .locations .location-item a, header.page-header2 nav .content-menu .menu .block .os .location-item a, header.page-header2 nav .content-menu .menu .block .presets .location-item a {
        padding-right: 10px
    }
}

header.page-header2 nav .content-menu .menu .block .bandwidth .location-item .fi, header.page-header2 nav .content-menu .menu .block .ddos .location-item .fi, header.page-header2 nav .content-menu .menu .block .locations .location-item .fi, header.page-header2 nav .content-menu .menu .block .os .location-item .fi, header.page-header2 nav .content-menu .menu .block .presets .location-item .fi {
    min-width: 1.3333333333em
}

header.page-header2 nav .content-menu .menu .block .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #231f20;
    margin-bottom: 20px
}

@media (max-width: 1199.98px) {
    header.page-header2 nav .content-menu .menu .block .title {
        display: none
    }
}

header.page-header2 nav .content-menu .menu .block a {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #369;
    transition: color .3s ease-in-out;
    padding: 5px 0;
    width: 100%
}

@media (max-width: 575.98px) {
    header.page-header2 nav .content-menu .menu .block a {
        padding: 10px 0
    }
}

@media (max-width: 1199.98px) {
    header.page-header2 nav .content-menu .menu .block a {
        padding: 15px 0
    }
}

header.page-header2 nav .content-menu .menu .block a:hover {
    color: #1f5080
}

header.page-header2 nav .content-menu .menu .block.main {
    padding: 20px;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

@media (max-width: 1199.98px) {
    header.page-header2 nav .content-menu .menu .block.main {
        padding-right: 20px;
        align-items: flex-start
    }
}

header.page-header2 nav .content-menu .menu .block.main .navigation-item-head {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2142857143rem;
    text-transform: uppercase;
    color: #8b7b7f;
    padding: 20px 0 10px
}

header.page-header2 nav .content-menu .menu .block.main .navigation-item {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 1
}

header.page-header2 nav .content-menu .menu .block.main .navigation-item.active {
    z-index: 2
}

header.page-header2 nav .content-menu .menu .block.main .navigation-item:hover .nav-item-hack {
    position: absolute;
    width: 100%;
    height: 100%
}

header.page-header2 nav .content-menu .menu .block.main .navigation-item:hover .nav-item-hack::after, header.page-header2 nav .content-menu .menu .block.main .navigation-item:hover .nav-item-hack::before {
    content: "";
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 1;
    transform: rotate(-45deg) skew(35deg, 35deg) scale(2);
    right: -60px
}

header.page-header2 nav .content-menu .menu .block.main .navigation-item:hover .nav-item-hack::after {
    top: 30px;
    transform: rotate(-35deg) skew(35deg, 35deg) scale(2)
}

header.page-header2 nav .content-menu .menu .block.main .navigation-item:hover .nav-item-hack::before {
    bottom: -20px
}

header.page-header2 nav .content-menu .menu .block.main .navigation-item a, header.page-header2 nav .content-menu .menu .block.main .navigation-item span {
    z-index: 1;
    width: 100%;
    padding: 10px 15px;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #231f20;
    border-radius: 3px 0 0 3px;
    margin-bottom: 0;
    transition: background-color .15s ease-in-out
}

header.page-header2 nav .content-menu .menu .block.main .navigation-item a.active, header.page-header2 nav .content-menu .menu .block.main .navigation-item span.active {
    background-color: #f7f7f7;
    font-weight: 600
}

header.page-header2 nav .content-menu .menu .block.main .navigation-item a {
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center
}

header.page-header2 nav .content-menu .menu .block.main .navigation-item a svg {
    opacity: 0;
    transition: color .15s ease-in-out, opacity .15s ease-in-out
}

header.page-header2 nav .content-menu .menu .block.main .navigation-item a:hover {
    color: #1f5080
}

header.page-header2 nav .content-menu .menu .block.main .navigation-item a:hover svg {
    opacity: 1
}

@media (max-width: 1199.98px) {
    header.page-header2 nav .content-menu .menu .block.main .navigation-item {
        padding: 0
    }

    header.page-header2 nav .content-menu .menu .block.main .navigation-item a, header.page-header2 nav .content-menu .menu .block.main .navigation-item span {
        cursor: pointer;
        padding: 20px 0 20px;
        font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.2142857143rem;
        text-transform: uppercase;
        color: #231f20;
        border-bottom: 1px solid rgba(71, 71, 71, .1)
    }

    header.page-header2 nav .content-menu .menu .block.main .navigation-item.company a, header.page-header2 nav .content-menu .menu .block.main .navigation-item.company span, header.page-header2 nav .content-menu .menu .block.main .navigation-item.dedicated a, header.page-header2 nav .content-menu .menu .block.main .navigation-item.dedicated span, header.page-header2 nav .content-menu .menu .block.main .navigation-item.info a, header.page-header2 nav .content-menu .menu .block.main .navigation-item.info span, header.page-header2 nav .content-menu .menu .block.main .navigation-item.tools a, header.page-header2 nav .content-menu .menu .block.main .navigation-item.tools span, header.page-header2 nav .content-menu .menu .block.main .navigation-item.vpn a, header.page-header2 nav .content-menu .menu .block.main .navigation-item.vpn span, header.page-header2 nav .content-menu .menu .block.main .navigation-item.vps a, header.page-header2 nav .content-menu .menu .block.main .navigation-item.vps span {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0
    }

    header.page-header2 nav .content-menu .menu .block.main .navigation-item.vpn {
        margin-bottom: 5px
    }

    header.page-header2 nav .content-menu .menu .block.main .navigation-item.company a, header.page-header2 nav .content-menu .menu .block.main .navigation-item.company span, header.page-header2 nav .content-menu .menu .block.main .navigation-item.dedicated a, header.page-header2 nav .content-menu .menu .block.main .navigation-item.dedicated span, header.page-header2 nav .content-menu .menu .block.main .navigation-item.info a, header.page-header2 nav .content-menu .menu .block.main .navigation-item.info span, header.page-header2 nav .content-menu .menu .block.main .navigation-item.vps a, header.page-header2 nav .content-menu .menu .block.main .navigation-item.vps span {
        border-bottom: none
    }
}

header.page-header2 nav .content-menu .menu .block.mobile-interlinking {
    display: none
}

header.page-header2 nav .content-menu .menu .block.mobile-interlinking a {
    display: flex;
    padding: 0;
    font-size: 1.4285714286rem;
    line-height: 1.2;
    font-weight: 600
}

@media (max-width: 1199.98px) {
    header.page-header2 nav .content-menu .menu .block.mobile-interlinking {
        display: block;
        padding-top: 30px;
        padding-bottom: 0
    }
}

@media (max-width: 991.98px) {
    header.page-header2 nav .content-menu .menu .block.presets {
        padding: 30px 30px 130px
    }
}

@media (max-width: 575.98px) {
    header.page-header2 nav .content-menu .menu .block {
        padding: 20px
    }

    header.page-header2 nav .content-menu .menu .block.ddos, header.page-header2 nav .content-menu .menu .block.presets {
        padding: 20px 20px 130px
    }
}

header.page-header2 nav .content-menu .menu .additional {
    display: flex;
    flex-direction: column;
    width: 100%
}

header.page-header2 nav .content-menu .menu .additional .special {
    width: 100%;
    margin-top: 1px;
    display: flex
}

header.page-header2 nav .content-menu .menu .additional .special-card {
    display: flex;
    flex: 1;
    padding: 20px 30px;
    background-color: #fff;
    margin-right: 1px
}

header.page-header2 nav .content-menu .menu .additional .special-card:last-child {
    margin-right: 0
}

header.page-header2 nav .content-menu .menu .additional .special-card svg {
    margin-right: 20px
}

header.page-header2 nav .content-menu .menu .additional .special-card-info {
    display: flex;
    flex-direction: column
}

header.page-header2 nav .content-menu .menu .additional .special-card-info a {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.5714285714rem;
    color: #369
}

header.page-header2 nav .content-menu .menu .additional .special-card-info a:hover {
    color: #1f5080
}

header.page-header2 nav .content-menu .menu .additional .special-card-info .desc {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747
}

header.page-header2 nav .content-menu .menu .additional .footer {
    width: 100%;
    margin-top: 1px;
    background-color: #f7f7f7;
    padding: 20px 10px 10px;
    display: flex
}

header.page-header2 nav .content-menu .menu .additional .footer .ask, header.page-header2 nav .content-menu .menu .additional .footer a {
    font-weight: 600;
    font-size: .8571428571rem;
    line-height: 1.2857142857rem;
    color: #474747;
    padding: 10px
}

header.page-header2 nav .content-menu .menu .additional .footer .ask:hover, header.page-header2 nav .content-menu .menu .additional .footer a:hover {
    color: #231f20
}

header.page-header2 nav .content-menu .menu .additional .footer .ask {
    margin-left: 20px;
    cursor: pointer;
    position: relative
}

header.page-header2 nav .content-menu .menu .additional .footer .ask:before {
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    content: "";
    position: absolute;
    width: .0714285714rem;
    height: .8571428571rem;
    background: rgba(71, 71, 71, .1)
}

@media (max-width: 1199.98px) {
    header.page-header2 nav .content-menu .menu .additional {
        display: none
    }
}

header.page-header2 nav .content-menu .aside {
    background-color: #f7f7f7;
    z-index: 10
}

header.page-header2 nav .content-menu .aside > .ish--row, header.page-header2 nav .content-menu .aside > .row {
    margin: 0 -.5px
}

header.page-header2 nav .content-menu .aside > .ish--row .col, header.page-header2 nav .content-menu .aside > .ish--row .ish--col, header.page-header2 nav .content-menu .aside > .ish--row [class^=col-], header.page-header2 nav .content-menu .aside > .row .col, header.page-header2 nav .content-menu .aside > .row .ish--col, header.page-header2 nav .content-menu .aside > .row [class^=col-] {
    padding: 0 .5px
}

@media (max-width: 1199.98px) {
    header.page-header2 nav .content-menu .aside {
        min-height: calc(100% - 20px);
        height: 100%;
        position: absolute;
        top: 0;
        transform: translateX(-100%);
        background-color: #f7f7f7;
        transition: transform .3s ease-in-out;
        padding-bottom: 20px !important
    }

    header.page-header2 nav .content-menu .aside.active {
        transform: translateX(0)
    }

    header.page-header2 nav .content-menu .aside .ish--row, header.page-header2 nav .content-menu .aside .row {
        min-height: 100%
    }

    header.page-header2 nav .content-menu .aside .dedicated.ish--row, header.page-header2 nav .content-menu .aside .row.dedicated, header.page-header2 nav .content-menu .aside .row.vpn, header.page-header2 nav .content-menu .aside .row.vps, header.page-header2 nav .content-menu .aside .vpn.ish--row, header.page-header2 nav .content-menu .aside .vps.ish--row {
        align-content: flex-start;
        margin-left: 1px;
        background-color: #fff
    }

    header.page-header2 nav .content-menu .aside > .ish--row, header.page-header2 nav .content-menu .aside > .row {
        margin: 0 -.5px
    }

    header.page-header2 nav .content-menu .aside > .ish--row .col, header.page-header2 nav .content-menu .aside > .ish--row .ish--col, header.page-header2 nav .content-menu .aside > .ish--row [class^=col-], header.page-header2 nav .content-menu .aside > .row .col, header.page-header2 nav .content-menu .aside > .row .ish--col, header.page-header2 nav .content-menu .aside > .row [class^=col-] {
        padding: 0 .5px
    }

    header.page-header2 nav .content-menu .aside > .ish--row .btn.ish--col, header.page-header2 nav .content-menu .aside > .ish--row .col.btn, header.page-header2 nav .content-menu .aside > .ish--row [class^=col-].btn, header.page-header2 nav .content-menu .aside > .row .btn.ish--col, header.page-header2 nav .content-menu .aside > .row .col.btn, header.page-header2 nav .content-menu .aside > .row [class^=col-].btn {
        background: #fff;
        width: 60px;
        min-width: 60px
    }

    header.page-header2 nav .content-menu .aside > .ish--row .col.flex-1, header.page-header2 nav .content-menu .aside > .ish--row .flex-1.ish--col, header.page-header2 nav .content-menu .aside > .ish--row [class^=col-].flex-1, header.page-header2 nav .content-menu .aside > .row .col.flex-1, header.page-header2 nav .content-menu .aside > .row .flex-1.ish--col, header.page-header2 nav .content-menu .aside > .row [class^=col-].flex-1 {
        flex-grow: 1
    }
}

@media (max-width: 575.98px) {
    header.page-header2 nav .content-menu .aside .ish--row, header.page-header2 nav .content-menu .aside .row {
        min-height: unset;
        height: 100%
    }
}

header.page-header2 nav .content-menu:hover {
    display: block
}

header.page-header2 nav .content-menu:hover:before {
    content: ""
}

header.page-header2 nav.opened {
    background-color: #f7f7f7
}

header.page-header2 nav.opened:before {
    content: "";
    animation-name: show;
    animation-duration: .3s;
    animation-delay: .3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

header.page-header2 nav.opened .content-menu {
    pointer-events: all;
    display: block;
    animation-name: show;
    animation-duration: .15s;
    animation-delay: .15s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

header.page-header2 .hide-on-mobile {
    display: flex !important
}

@media (max-width: 1199.98px) {
    header.page-header2 .hide-on-mobile {
        display: none !important
    }
}

header.page-header2 .mobile-only {
    display: none !important
}

header.page-header2 .mobile-only.back-btn {
    position: absolute;
    width: 60px;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    cursor: pointer;
    padding-top: 2.5714285714rem
}

@media (max-width: 1199.98px) {
    header.page-header2 .mobile-only {
        display: flex !important
    }

    header.page-header2 .mobile-only.back-btn {
        display: flex
    }
}

.logo {
    display: inline-block;
    position: relative;
    outline: 0
}

.logo-img {
    margin-left: 20px;
    margin-right: 15px
}

@media screen and (max-width: 1199.98px) {
    .logo-img {
        margin: 0
    }
}

.logo.logo-primary .logo-img {
    width: 95px
}

@keyframes copy-to-clipboard-splash {
    0% {
        opacity: 0;
        margin-top: 20px;
        margin-bottom: 0
    }
    25% {
        opacity: 1;
        margin-top: 0;
        margin-bottom: 0
    }
    75% {
        opacity: 1;
        margin-top: 0;
        margin-bottom: 0
    }
    100% {
        opacity: 0;
        margin-top: 0;
        margin-bottom: 20px
    }
}

.copy-to-clipboard-trigger {
    position: relative
}

.copy-to-clipboard-splash {
    position: absolute;
    border: none;
    color: #fff;
    background: #474747;
    padding: 10px 20px;
    border-radius: .1428571429rem;
    text-align: center;
    max-width: 300px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    animation-name: copy-to-clipboard-splash;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    z-index: 10001
}

@media (max-width: 767.98px) {
    .copy-to-clipboard-splash {
        display: none
    }
}

.cart-link .cart-wrapper {
    width: 100%;
    height: 100%
}

.cart-link .cart-toggler {
    height: 60px;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: 0 0;
    cursor: pointer
}

.cart-link .cart-toggler::before {
    content: "";
    position: absolute;
    background-color: transparent;
    height: 4px;
    width: 100%;
    transition: background-color .3s;
    top: 0;
    left: 0
}

.cart-link .cart-toggler .cart-marker {
    width: auto;
    min-width: 1rem;
    border-radius: 8px;
    padding: 0 8px;
    background-color: #fc2347;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 12px
}

.cart-link .cart-toggler.opened::before {
    background-color: #0938de
}

.cart-link .cart-toggler.opened::after {
    display: none
}

.cart-link .cart-toggler.opened .cart-link-icon {
    opacity: 0
}

.cart-link .cart-toggler.opened .cart-link-icon-close {
    opacity: 1;
    transform: rotate(-180deg)
}

.cart-link .cart-link-icon {
    display: block;
    margin: 2px 0;
    opacity: 1;
    transition: opacity .15s ease-in-out
}

.cart-link .cart-link-icon-close {
    position: absolute;
    top: 13px;
    left: 13px;
    opacity: 0;
    transform: rotate(0);
    transition: transform .15s ease-in-out
}

.page-footer {
    margin-top: auto;
    background: rgba(255, 255, 255, .3)
}

.page-footer ul {
    list-style: none
}

.page-footer .logo-img {
    margin: 0
}

.page-footer .social-media {
    display: flex;
    margin-top: 10px
}

.page-footer .social-media a {
    margin-right: 10px
}

.page-footer .social-media a svg path {
    transition: all .15s ease-in-out 0s
}

.page-footer .social-media a:last-child {
    margin-right: 0
}

.page-footer .social-media a:hover svg > path:first-child, .page-footer .social-media a:hover svg > rect:first-child {
    fill: #1f5080
}

.page-footer .separator {
    margin: 30px 0
}

.page-footer .separator.short {
    margin: 30px 0 0
}

@media screen and (min-width: 768px) {
    .page-footer .separator.short {
        padding: 0 30px
    }
}

@media (max-width: 575.98px) {
    .page-footer .separator.short {
        margin: 20px 0 0
    }
}

@media (max-width: 767.98px) {
    .page-footer .separator .col, .page-footer .separator .ish--col {
        padding: 0
    }
}

@media (max-width: 575.98px) {
    .page-footer .separator {
        margin: 20px 0
    }
}

@media screen and (min-width: 768px) {
    .page-footer .info.ish--row, .page-footer .row.info {
        padding: 0 30px
    }
}

.page-footer .info.ish--row .logo-container, .page-footer .row.info .logo-container {
    display: flex;
    align-items: center
}

.page-footer .info.ish--row .logo-container .logo-img, .page-footer .row.info .logo-container .logo-img {
    display: flex;
    align-items: center
}

.page-footer .info.ish--row .logo-container span, .page-footer .row.info .logo-container span {
    margin-left: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: .9285714286rem;
    line-height: 1.4285714286rem;
    color: #474747
}

.page-footer .footer-main-nav > ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media screen and (min-width: 768px) {
    .page-footer .footer-main-nav > ul {
        padding: 0 30px
    }
}

@media screen and (min-width: 992px) {
    .page-footer .footer-main-nav-item.col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.page-footer .footer-main-nav-item strong {
    display: none;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    color: #8b7b7f;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase
}

.page-footer .footer-main-nav-item a {
    padding: 5px 0;
    color: #474747;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: .8571428571rem;
    line-height: 1.2857142857rem;
    font-weight: 600;
    display: inline-block;
    transition: color .3s;
    width: 100%
}

.page-footer .footer-main-nav-item a:hover {
    color: #369
}

.page-footer .footer-main-nav-item .collapse-toggle {
    justify-content: space-between;
    width: 100%
}

.page-footer .footer-main-nav-item .collapse-toggle-title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    color: #231f20;
    font-size: 1.1428571429rem;
    line-height: 1.5714285714rem;
    margin-left: 0
}

.page-footer .footer-main-nav-item.nav-separator {
    margin: 10px 0
}

@media (max-width: 575.98px) {
    .page-footer .footer-main-nav-item.nav-separator {
        margin: 5px 0
    }
}

@media screen and (min-width: 768px) {
    .page-footer .footer-main-nav-item {
        margin-top: 40px
    }

    .page-footer .footer-main-nav-item strong {
        display: inline-block
    }

    .page-footer .footer-main-nav-item .collapse-toggle {
        display: none
    }

    .page-footer .footer-main-nav-item .footer-main-nav-submenu {
        max-height: 100%;
        visibility: inherit
    }

    .page-footer .footer-main-nav-item.nav-separator {
        display: none
    }
}

.page-footer .footer-reviews {
    height: 100%
}

.page-footer .footer-reviews img {
    border: 0
}

.page-footer .footer-reviews a {
    display: flex
}

.page-footer .footer-reviews .hostadvice {
    display: flex;
    justify-content: flex-end;
    align-items: end;
    height: 100%
}

.page-footer .footer-reviews .hostadvice img {
    max-width: 100%
}

.page-footer .footer-reviews .hostadvice .mobile-only {
    display: none
}

@media (max-width: 991.98px) {
    .page-footer .footer-reviews .hostadvice .mobile-only {
        display: flex
    }
}

.page-footer .footer-reviews .hostadvice .mobile-hide {
    display: flex
}

@media (max-width: 991.98px) {
    .page-footer .footer-reviews .hostadvice .mobile-hide {
        display: none
    }
}

@media (max-width: 767.98px) {
    .page-footer .footer-reviews .hostadvice {
        margin-top: 30px;
        height: unset;
        align-items: start;
        justify-content: flex-start
    }
}

.page-footer .footer-reviews-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    height: 100%;
    margin-top: 30px
}

.page-footer .footer-reviews-list li {
    margin: 0 10px
}

.page-footer .footer-reviews-list li:first-child {
    margin-left: 0
}

.page-footer .footer-reviews-list li:last-child {
    margin-right: 0
}

@media screen and (max-width: 575.98px) {
    .page-footer .footer-reviews-list {
        margin-top: 20px
    }
}

@media screen and (min-width: 768px) {
    .page-footer .footer-reviews-list {
        justify-content: flex-end;
        align-items: end;
        flex-direction: row
    }
}

.page-footer .footer-privacy-nav {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

@media screen and (min-width: 768px) {
    .page-footer .footer-privacy-nav {
        padding: 0 30px
    }
}

.page-footer .footer-privacy-nav .cookie-settings-btn {
    padding: 0;
    margin: 0;
    border: none;
    background: 0 0;
    cursor: pointer
}

.page-footer .footer-privacy-nav .cookie-settings-btn, .page-footer .footer-privacy-nav a {
    display: inline-block;
    color: #474747;
    font-size: .8571428571rem;
    line-height: 1.2857142857rem;
    font-weight: 600;
    width: 100%
}

.page-footer .footer-privacy-nav .cookie-settings-btn.logo, .page-footer .footer-privacy-nav a.logo {
    width: auto;
    margin-right: 10px
}

.page-footer .footer-privacy-nav .cookie-settings-btn:hover, .page-footer .footer-privacy-nav a:hover {
    color: #1f5080
}

.page-footer .footer-privacy-nav ul.menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 0 30px
}

.page-footer .footer-privacy-nav ul.menu .fi {
    margin-right: 5px;
    width: 1.2857142857rem;
    min-width: 1.2857142857rem;
    line-height: .8571428571rem;
    border: 1px solid rgba(71, 71, 71, .1)
}

.page-footer .footer-privacy-nav ul.menu .fi-cis, .page-footer .footer-privacy-nav ul.menu .fi-global {
    border: none
}

.page-footer .footer-privacy-nav ul.menu li {
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 10px
}

.page-footer .footer-privacy-nav ul.menu li a, .page-footer .footer-privacy-nav ul.menu li button {
    padding: 10px
}

.page-footer .footer-privacy-nav ul.menu .nav-submenu-item {
    margin-top: 0
}

.page-footer .footer-privacy-nav ul.menu .nav-submenu-item a {
    padding: 10px 30px 10px 20px
}

.page-footer .footer-privacy-nav ul.menu .nav-submenu-item:first-child a {
    padding-left: 20px
}

@media screen and (min-width: 768px) {
    .page-footer .footer-privacy-nav ul.menu {
        justify-content: flex-start;
        margin-top: 0;
        margin-bottom: 30px
    }

    .page-footer .footer-privacy-nav ul.menu .lang-menu-wrapper:before {
        content: "";
        height: 12px;
        padding-left: 10px;
        margin-left: 10px;
        border-left: 1px solid rgba(71, 71, 71, .1)
    }
}

@media (max-width: 991.98px) {
    .page-footer .footer-privacy-nav ul.menu .lang-menu-wrapper {
        width: 100%;
        justify-content: flex-start
    }

    .page-footer .footer-privacy-nav ul.menu .lang-menu-wrapper .nav-submenu {
        left: 0;
        right: unset
    }

    .page-footer .footer-privacy-nav ul.menu .lang-menu-wrapper:before {
        content: none
    }
}

@media (max-width: 575.98px) {
    .page-footer .footer-privacy-nav ul.menu {
        width: 100%;
        margin: 0 0 30px
    }
}

.page-footer .footer-privacy-nav strong {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: .9285714286rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7142857143rem;
    letter-spacing: normal;
    color: #474747;
    white-space: nowrap
}

.page-footer .footer-privacy-nav .nav-submenu {
    display: none;
    list-style: none;
    box-shadow: 0 2px 3px 0 rgba(35, 31, 32, .15), inset 0 3px 0 0 #231f20;
    border: 1px solid #ccc;
    position: absolute;
    left: unset;
    right: 0;
    bottom: 45px;
    width: fit-content;
    background-color: #fff;
    overflow-y: auto;
    z-index: 6100;
    padding: 10px 0
}

.page-footer .footer-privacy-nav .nav-submenu-item a {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.45;
    display: block;
    color: #8b7b7f;
    border: 0;
    background: 0 0;
    cursor: pointer;
    white-space: nowrap;
    padding: 10px 40px 10px 20px
}

.page-footer .footer-privacy-nav .nav-submenu-item a span {
    transition: color .3s ease-in-out;
    color: #474747
}

.page-footer .footer-privacy-nav .nav-submenu-item a:hover {
    color: #369
}

.page-footer .footer-privacy-nav .nav-submenu-item a:hover span {
    color: #369
}

@media screen and (min-width: 1200px) {
    .page-footer .footer-privacy-nav .nav-submenu-item.hide-xl {
        display: none
    }
}

.page-footer .footer-privacy-nav .nav-submenu-separator {
    height: 10px
}

.page-footer .footer-privacy-nav .nav-submenu.lang-menu a {
    padding: 10px 30px 10px 20px
}

.page-footer .footer-privacy-nav .nav-submenu.user-menu {
    left: unset;
    text-align: right
}

.page-footer .footer-privacy-nav .nav-submenu.user-menu a {
    padding: 10px 30px 10px 20px
}

.page-footer .footer-privacy-nav .nav-submenu.user-menu .user-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 10px 20px;
    max-width: 300px
}

.page-footer .footer-privacy-nav .nav-submenu.user-menu .user-card span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-footer .footer-privacy-nav .nav-submenu.user-menu .user-card-email {
    margin-bottom: 5px
}

.page-footer .footer-privacy-nav .nav-submenu.user-menu .user-card-balance {
    padding-bottom: 15px;
    border-bottom: 1px solid #f7f7f7
}

@media (max-width: 767.98px) {
    .page-footer .footer-privacy-nav .nav-submenu {
        left: 0
    }
}

.page-footer .footer-privacy-nav .nav-submenu-toggler {
    font-weight: 600;
    font-size: .8571428571rem;
    line-height: 1.45;
    display: block;
    padding: 10px 30px 10px 10px;
    color: #8b7b7f;
    border: 0;
    background: 0 0;
    max-height: 60px;
    cursor: pointer
}

.page-footer .footer-privacy-nav .nav-submenu-toggler span {
    color: #474747
}

@media screen and (min-width: 1200px) {
    .page-footer .footer-privacy-nav .nav-submenu-toggler.nav-submenu-toggler--secondary span {
        color: #8b7b7f
    }
}

.page-footer .footer-privacy-nav .nav-submenu-toggler.nav-submenu-toggler--icon {
    padding: 15px 10px;
    margin-right: -10px;
    height: 60px
}

.page-footer .footer-organization-address {
    margin: 5px 0 0;
    width: 100%;
    font-size: .9285714286rem;
    font-style: normal;
    line-height: 1.4285714286rem;
    color: #474747;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap
}

.page-footer .footer-organization-address .footer-address {
    display: inline-block;
    font-style: normal
}

.page-footer .footer-organization-address .footer-address-city {
    display: inline-block
}

@media (max-width: 767.98px) {
    .page-footer {
        padding-top: 20px
    }
}

@media (max-width: 575.98px) {
    .page-footer {
        padding-top: 10px
    }
}

.slogan-section {
    position: relative
}

.slogan-section picture {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: -1
}

.slogan-section picture img {
    max-width: 100%;
    object-fit: cover;
    width: 100%
}

.slogan-section .heading-title, .slogan-section h1 {
    margin: 0 0 20px;
    max-width: 375px
}

@media (max-width: 767.98px) {
    .slogan-section .heading-title, .slogan-section h1 {
        max-width: 100%
    }
}

.slogan-section h2 {
    margin: 0 0 30px;
    max-width: 375px
}

@media (max-width: 767.98px) {
    .slogan-section h2 {
        max-width: 100%
    }
}

.slogan-section .heading-description, .slogan-section p {
    font-weight: 400;
    font-size: 1.1428571429rem;
    margin: 0;
    line-height: 20px;
    display: inline-block;
    max-width: 375px
}

@media (max-width: 767.98px) {
    .slogan-section .heading-description, .slogan-section p {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .slogan-section picture img {
        width: auto
    }

    .slogan-section .heading-title, .slogan-section h1 {
        max-width: 540px
    }

    .slogan-section h2 {
        max-width: 540px
    }

    .slogan-section .heading-description, .slogan-section p {
        font-size: 1.5714285714rem;
        margin: 0;
        line-height: 1.38;
        max-width: 540px
    }
}

@media screen and (min-width: 768px) and (max-width: 767.98px) {
    .slogan-section .heading-description, .slogan-section p {
        font-size: 1.1428571429rem;
        line-height: 1.5714285714rem
    }
}

@media screen and (min-width: 768px) and (max-width: 575.98px) {
    .slogan-section .heading-description, .slogan-section p {
        font-size: 1rem;
        line-height: 1.2857142857rem
    }
}

.error-page .error-section p {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747
}

.error-page .error-section .nav-list {
    margin-top: 20px;
    list-style: none
}

.error-page .error-section .nav-list .support-link {
    margin-top: 20px
}

.error-page .error-section .nav-list a {
    display: inline-block;
    color: #369;
    font-size: 1.1428571429rem;
    line-height: normal;
    font-weight: 600;
    transition: all .3s ease-in-out;
    padding: 5px;
    margin-left: -5px
}

.error-page .error-section .nav-list a:hover {
    color: #1f5080
}

.payments-methods .data {
    margin-top: 30px;
    display: flex;
    flex-direction: column
}

.payments-methods .data:last-child {
    margin-bottom: 60px
}

@media (max-width: 575.98px) {
    .payments-methods .data:last-child {
        margin-bottom: 40px
    }
}

.payments-methods .data .data-head {
    padding: 30px 30px 20px;
    background-color: #fff;
    margin-bottom: 1px
}

@media (max-width: 575.98px) {
    .payments-methods .data .data-head {
        padding: 20px
    }
}

.payments-methods .data .data-footer {
    padding: 20px 30px 30px;
    background-color: #fff;
    font-size: .9285714286rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: rgba(71, 71, 71, .5);
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4285714286rem;
    text-align: center;
    margin-top: 1px
}

@media (max-width: 575.98px) {
    .payments-methods .data .data-footer {
        padding: 20px
    }
}

.payments-methods .data.text {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start
}

.payments-methods .data.text .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.7142857143rem;
    line-height: 1.7142857143rem;
    color: #231f20;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .payments-methods .data.text .title {
        font-size: 1.4285714286rem;
        line-height: 1.4285714286rem
    }
}

@media (max-width: 575.98px) {
    .payments-methods .data.text .title {
        font-size: 1.2857142857rem;
        line-height: 1.2857142857rem
    }
}

.payments-methods .data.text .desc {
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    color: #474747;
    margin-bottom: 20px;
    max-width: 640px
}

@media (max-width: 575.98px) {
    .payments-methods .data.text .desc {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.payments-methods .data.text .links-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px
}

.payments-methods .data.text .links-list li {
    padding: 20px 0;
    border-top: 1px solid rgba(71, 71, 71, .1)
}

.payments-methods .data.text .links-list li:last-child {
    border-bottom: 1px solid rgba(71, 71, 71, .1)
}

.payments-methods .data.text .links-list li a {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.4285714286rem;
    color: #369;
    transition: color .3s ease-in-out
}

.payments-methods .data.text .links-list li a:hover {
    color: #1f5080
}

@media (max-width: 575.98px) {
    .payments-methods .data.text {
        padding: 20px 0 0
    }
}

@media (max-width: 575.98px) {
    .payments-methods .data {
        margin-top: 20px
    }
}

.payments-methods hr {
    background-image: none;
    background-color: rgba(71, 71, 71, .1);
    margin: 30px 0;
    opacity: 1
}

@media (max-width: 575.98px) {
    .payments-methods hr {
        margin: 20px 0
    }
}

.payments-methods .ish--row, .payments-methods .row {
    margin: -.5px
}

.payments-methods .ish--row .col, .payments-methods .ish--row .ish--col, .payments-methods .ish--row [class^=col-], .payments-methods .row .col, .payments-methods .row .ish--col, .payments-methods .row [class^=col-] {
    padding: .5px
}

@media screen and (min-width: 768px) {
    .payments-methods .ish--row .col-md-empty, .payments-methods .row .col-md-empty {
        display: none
    }
}

.payments-methods .payment-card {
    height: 100px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.payments-methods .payment-card .image {
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    width: 14.2857142857rem;
    height: 5.7142857143rem
}

@media (max-width: 991.98px) {
    .payments-methods .payment-card .image {
        width: 11.4285714286rem;
        height: 4.5714285714rem
    }
}

.payments-methods .payment-card.alipay .payment-card {
    height: 80px
}

.payments-methods.order .payment-card {
    height: 80px
}

.payments-methods.order .payment-card .image {
    width: 10.7142857143rem;
    height: 4.2857142857rem
}

.payments-methods.order .data-footer {
    text-align: center;
    font-size: .9285714286rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: rgba(71, 71, 71, .5);
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4285714286rem
}

.speedtest-page .speedtest-section {
    padding: 30px 0 60px
}

.speedtest-page .speedtest-section .image-container {
    display: flex;
    width: 100%;
    justify-content: center
}

.speedtest-page .speedtest-section .image-container img {
    width: 100%;
    max-width: 800px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    border-radius: 6px
}

.speedtest-page .speedtest-section .ish--row, .speedtest-page .speedtest-section .row {
    margin: -.5px
}

.speedtest-page .speedtest-section .ish--row .col, .speedtest-page .speedtest-section .ish--row .ish--col, .speedtest-page .speedtest-section .ish--row [class^=col-], .speedtest-page .speedtest-section .row .col, .speedtest-page .speedtest-section .row .ish--col, .speedtest-page .speedtest-section .row [class^=col-] {
    padding: .5px
}

.speedtest-page .speedtest-section .fi {
    height: 30px;
    width: 40px;
    min-height: 30px;
    min-width: 40px
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .fi {
        height: 20px;
        width: 26.6666666667px;
        min-height: 20px;
        min-width: 26.6666666667px
    }
}

.speedtest-page .speedtest-section .btn {
    display: flex;
    align-items: center
}

.speedtest-page .speedtest-section .btn--icon {
    margin-right: 10px
}

.speedtest-page .speedtest-section .ip-info {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747;
    padding-left: 20px;
    display: flex;
    align-items: center;
    margin-left: auto
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .ip-info {
        text-align: center;
        padding-left: 0;
        padding-top: 20px
    }
}

.speedtest-page .speedtest-section .select-server.animation, .speedtest-page .speedtest-section .speedtest-result.animation {
    transition: opacity .3s ease-in-out
}

.speedtest-page .speedtest-section .select-server.show, .speedtest-page .speedtest-section .speedtest-result.show {
    opacity: 1
}

.speedtest-page .speedtest-section .select-server.hide, .speedtest-page .speedtest-section .speedtest-result.hide {
    opacity: 0
}

.speedtest-page .speedtest-section .select-server .head, .speedtest-page .speedtest-section .speedtest-result .head {
    padding: 30px 30px 20px;
    background-color: #fff;
    margin-bottom: 1px
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .select-server .head, .speedtest-page .speedtest-section .speedtest-result .head {
        padding: 20px
    }
}

.speedtest-page .speedtest-section .select-server .servers-list-item, .speedtest-page .speedtest-section .speedtest-result .servers-list-item {
    height: 100%;
    cursor: pointer;
    background-color: #fff;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    position: relative;
    transition: padding .3s ease-in-out, background-color .3s ease-in-out
}

.speedtest-page .speedtest-section .select-server .servers-list-item.empty, .speedtest-page .speedtest-section .speedtest-result .servers-list-item.empty {
    cursor: default;
    padding: 0 !important
}

.speedtest-page .speedtest-section .select-server .servers-list-item.static, .speedtest-page .speedtest-section .speedtest-result .servers-list-item.static {
    background-color: transparent;
    border: 1px solid rgba(71, 71, 71, .1);
    border-radius: 3px;
    cursor: default;
    padding: 20px;
    flex-wrap: wrap
}

.speedtest-page .speedtest-section .select-server .servers-list-item .server-title, .speedtest-page .speedtest-section .speedtest-result .servers-list-item .server-title {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px
}

.speedtest-page .speedtest-section .select-server .servers-list-item .server-title .name, .speedtest-page .speedtest-section .speedtest-result .servers-list-item .server-title .name {
    transition: color .3s ease-in-out;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.5714285714rem;
    color: #231f20
}

.speedtest-page .speedtest-section .select-server .servers-list-item .server-title .provider, .speedtest-page .speedtest-section .speedtest-result .servers-list-item .server-title .provider {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747
}

.speedtest-page .speedtest-section .select-server .servers-list-item .server-distance, .speedtest-page .speedtest-section .speedtest-result .servers-list-item .server-distance {
    margin-left: auto;
    display: flex;
    align-items: center;
    position: relative
}

.speedtest-page .speedtest-section .select-server .servers-list-item .server-distance .distance, .speedtest-page .speedtest-section .speedtest-result .servers-list-item .server-distance .distance {
    color: #474747;
    text-align: right;
    opacity: .5;
    transition: opacity .15s ease-in-out .15s
}

.speedtest-page .speedtest-section .select-server .servers-list-item .server-distance .distance.nearest, .speedtest-page .speedtest-section .speedtest-result .servers-list-item .server-distance .distance.nearest {
    color: #048930;
    opacity: 1;
    font-weight: 700
}

@media (max-width: 575.98px) {
    .speedtest-page .speedtest-section .select-server .servers-list-item .server-distance .distance.nearest, .speedtest-page .speedtest-section .speedtest-result .servers-list-item .server-distance .distance.nearest {
        opacity: 1 !important
    }
}

@media (max-width: 575.98px) {
    .speedtest-page .speedtest-section .select-server .servers-list-item .server-distance .distance, .speedtest-page .speedtest-section .speedtest-result .servers-list-item .server-distance .distance {
        opacity: .5 !important;
        padding-right: 10px
    }
}

.speedtest-page .speedtest-section .select-server .servers-list-item .server-distance .select-icon, .speedtest-page .speedtest-section .speedtest-result .servers-list-item .server-distance .select-icon {
    position: absolute;
    right: 0;
    opacity: 0;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    transition: opacity .15s ease-in-out;
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 575.98px) {
    .speedtest-page .speedtest-section .select-server .servers-list-item .server-distance .select-icon, .speedtest-page .speedtest-section .speedtest-result .servers-list-item .server-distance .select-icon {
        display: none
    }
}

.speedtest-page .speedtest-section .select-server .servers-list-item .server-distance .sm-select-icon, .speedtest-page .speedtest-section .speedtest-result .servers-list-item .server-distance .sm-select-icon {
    margin-left: auto;
    right: 0;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    transition: opacity .15s ease-in-out;
    display: none;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 575.98px) {
    .speedtest-page .speedtest-section .select-server .servers-list-item .server-distance .sm-select-icon, .speedtest-page .speedtest-section .speedtest-result .servers-list-item .server-distance .sm-select-icon {
        display: flex
    }
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .select-server .servers-list-item, .speedtest-page .speedtest-section .speedtest-result .servers-list-item {
        padding: 10px 20px
    }
}

.speedtest-page .speedtest-section .select-server .servers-list-item:not(.static):not(.empty):hover, .speedtest-page .speedtest-section .speedtest-result .servers-list-item:not(.static):not(.empty):hover {
    padding-left: 35px;
    background-color: rgba(255, 255, 255, .5)
}

.speedtest-page .speedtest-section .select-server .servers-list-item:not(.static):not(.empty):hover .select-icon, .speedtest-page .speedtest-section .speedtest-result .servers-list-item:not(.static):not(.empty):hover .select-icon {
    opacity: 1;
    transition: opacity .15s ease-in-out .15s
}

.speedtest-page .speedtest-section .select-server .servers-list-item:not(.static):not(.empty):hover .distance, .speedtest-page .speedtest-section .speedtest-result .servers-list-item:not(.static):not(.empty):hover .distance {
    opacity: 0;
    transition: opacity .15s ease-in-out
}

.speedtest-page .speedtest-section .select-server .servers-list-item:not(.static):not(.empty):hover .server-title .name, .speedtest-page .speedtest-section .speedtest-result .servers-list-item:not(.static):not(.empty):hover .server-title .name {
    color: #369
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .select-server .servers-list-item:not(.static):not(.empty):hover, .speedtest-page .speedtest-section .speedtest-result .servers-list-item:not(.static):not(.empty):hover {
        padding: 10px 20px
    }
}

.speedtest-page .speedtest-section .selected-server {
    background-color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 30px
}

.speedtest-page .speedtest-section .selected-server.animation {
    transition: opacity .3s ease-in-out
}

.speedtest-page .speedtest-section .selected-server.show {
    opacity: 1
}

.speedtest-page .speedtest-section .selected-server.hide {
    opacity: 0
}

.speedtest-page .speedtest-section .selected-server .server-info {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    padding-right: 10px
}

.speedtest-page .speedtest-section .selected-server .server-info .name {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.5714285714rem;
    color: #231f20
}

.speedtest-page .speedtest-section .selected-server .server-info .other {
    display: flex;
    flex-wrap: wrap
}

.speedtest-page .speedtest-section .selected-server .server-info .other .provider {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #231f20;
    margin-right: 20px
}

.speedtest-page .speedtest-section .selected-server .server-info .other .ip {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .selected-server {
        padding: 20px
    }
}

.speedtest-page .speedtest-section .selected-server button {
    margin-left: auto
}

.speedtest-page .speedtest-section .speedtest {
    margin-top: 30px
}

@media (max-width: 575.98px) {
    .speedtest-page .speedtest-section .speedtest.mobile-hide {
        opacity: 0;
        height: 0;
        max-height: 0;
        padding: 0;
        margin: 0;
        overflow-y: hidden
    }
}

.speedtest-page .speedtest-section .speedtest .head {
    padding: 30px 30px 20px;
    background-color: #fff;
    margin-bottom: 1px
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .speedtest .head {
        padding: 20px
    }
}

.speedtest-page .speedtest-section .speedtest .tests {
    margin-bottom: 1px
}

.speedtest-page .speedtest-section .speedtest .speedtest-share {
    background-color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column
}

.speedtest-page .speedtest-section .speedtest .speedtest-share img {
    display: block;
    margin: 20px 0;
    max-width: 100%
}

.speedtest-page .speedtest-section .speedtest .footer {
    display: flex;
    width: 100%;
    padding: 20px 30px 30px;
    background-color: #fff
}

.speedtest-page .speedtest-section .speedtest .footer div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.speedtest-page .speedtest-section .speedtest .footer div.animation {
    transition: opacity .3s ease-in-out
}

.speedtest-page .speedtest-section .speedtest .footer div.show {
    opacity: 1
}

.speedtest-page .speedtest-section .speedtest .footer div.hide {
    opacity: 0
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .speedtest .footer div {
        justify-content: center
    }
}

.speedtest-page .speedtest-section .speedtest .footer div.finish {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.speedtest-page .speedtest-section .speedtest .footer div.finish.animation {
    transition: opacity .3s ease-in-out
}

.speedtest-page .speedtest-section .speedtest .footer div.finish.show {
    opacity: 1
}

.speedtest-page .speedtest-section .speedtest .footer div.finish.hide {
    opacity: 0
}

.speedtest-page .speedtest-section .speedtest .footer div.finish div {
    display: flex;
    width: 100%;
    justify-content: start
}

.speedtest-page .speedtest-section .speedtest .footer div.finish div button {
    margin-right: 20px
}

.speedtest-page .speedtest-section .speedtest .footer div.finish div a {
    margin-right: 10px
}

.speedtest-page .speedtest-section .speedtest .footer div.finish div a.sm {
    padding-left: 10px;
    padding-right: 10px
}

.speedtest-page .speedtest-section .speedtest .footer div.finish div a:last-child {
    margin-right: 0
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .speedtest .footer div.finish {
        justify-content: space-between
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .speedtest-page .speedtest-section .speedtest .footer div.finish {
        align-items: stretch;
        flex-direction: column;
        gap: 10px
    }

    .speedtest-page .speedtest-section .speedtest .footer div.finish > button {
        justify-content: center
    }

    .speedtest-page .speedtest-section .speedtest .footer div.finish div button {
        margin-right: auto
    }
}

@media (max-width: 575.98px) {
    .speedtest-page .speedtest-section .speedtest .footer div.finish {
        flex-direction: column
    }

    .speedtest-page .speedtest-section .speedtest .footer div.finish div {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 10px
    }

    .speedtest-page .speedtest-section .speedtest .footer div.finish div button {
        margin-right: 0;
        width: 100%
    }

    .speedtest-page .speedtest-section .speedtest .footer div.finish div a {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .speedtest-page .speedtest-section .speedtest .footer div.finish button {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
        width: 100%
    }

    .speedtest-page .speedtest-section .speedtest .footer div.finish button:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .speedtest .footer {
        flex-direction: column;
        align-items: center;
        padding: 20px
    }
}

.speedtest-page .speedtest-section .speedtest .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 20px
}

.speedtest-page .speedtest-section .speedtest .item .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f;
    text-align: center
}

.speedtest-page .speedtest-section .speedtest-area {
    position: relative;
    height: 170px;
    width: 100%;
    max-width: 260px;
    margin-top: -10px
}

.speedtest-page .speedtest-section .speedtest-area canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.speedtest-page .speedtest-section .speedtest-area .data {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column
}

.speedtest-page .speedtest-section .speedtest-area .data .value {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.7142857143rem;
    line-height: 1.7142857143rem;
    text-align: center;
    color: #231f20
}

.speedtest-page .speedtest-section .speedtest-area .data .unit {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #474747;
    text-align: center
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .speedtest {
        margin-top: 20px
    }
}

.speedtest-page .speedtest-section .speedtest-result {
    padding: 30px;
    background-color: rgba(255, 255, 255, .5)
}

.speedtest-page .speedtest-section .speedtest-result .servers-list-item .server-title .name {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747
}

.speedtest-page .speedtest-section .speedtest-result .fi {
    height: 30px;
    width: 40px;
    min-height: 30px;
    min-width: 40px
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .speedtest-result .fi {
        height: 30px;
        width: 40px;
        min-height: 30px;
        min-width: 40px
    }
}

.speedtest-page .speedtest-section .speedtest-result .ish--row, .speedtest-page .speedtest-section .speedtest-result .row {
    margin: -5px
}

.speedtest-page .speedtest-section .speedtest-result .ish--row .col, .speedtest-page .speedtest-section .speedtest-result .ish--row .ish--col, .speedtest-page .speedtest-section .speedtest-result .ish--row [class^=col-], .speedtest-page .speedtest-section .speedtest-result .row .col, .speedtest-page .speedtest-section .speedtest-result .row .ish--col, .speedtest-page .speedtest-section .speedtest-result .row [class^=col-] {
    padding: 5px
}

.speedtest-page .speedtest-section .speedtest-result a, .speedtest-page .speedtest-section .speedtest-result button {
    display: flex;
    align-items: center;
    justify-content: center
}

.speedtest-page .speedtest-section .speedtest-result .controls {
    display: flex;
    margin-left: auto
}

.speedtest-page .speedtest-section .speedtest-result .controls .ish--tooltip__trigger:not(.ish--btn--icon-only) {
    background: rgba(71, 71, 71, .1);
    padding: 10px 15px;
    height: 40px
}

.speedtest-page .speedtest-section .speedtest-result .controls .ish--tooltip__trigger:not(.ish--btn--icon-only):hover {
    background: rgba(71, 71, 71, .3)
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .speedtest-result .controls .ish--tooltip__trigger:not(.ish--btn--icon-only) {
        display: flex !important
    }
}

.speedtest-page .speedtest-section .speedtest-result .controls a, .speedtest-page .speedtest-section .speedtest-result .controls button {
    margin-left: 10px
}

.speedtest-page .speedtest-section .speedtest-result .controls a:first-child, .speedtest-page .speedtest-section .speedtest-result .controls button:first-child {
    margin-left: 0
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .speedtest-result .controls {
        margin-top: 20px;
        width: 100%;
        flex-direction: column
    }

    .speedtest-page .speedtest-section .speedtest-result .controls a, .speedtest-page .speedtest-section .speedtest-result .controls button {
        margin-left: 0;
        margin-bottom: 10px
    }

    .speedtest-page .speedtest-section .speedtest-result .controls a:last-child, .speedtest-page .speedtest-section .speedtest-result .controls button:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section .speedtest-result {
        padding: 20px
    }
}

@media (max-width: 767.98px) {
    .speedtest-page .speedtest-section {
        padding: 30px 0 40px
    }
}

@media (max-width: 575.98px) {
    .speedtest-page .speedtest-section {
        padding: 20px 0 20px
    }
}

.speedtest-page .other-plans {
    background-color: rgba(35, 31, 32, .05)
}

.speedtest-page .other-plans .plans-type {
    margin-top: 30px
}

.speedtest-page .other-plans .plans-type .col, .speedtest-page .other-plans .plans-type .ish--col {
    padding-bottom: 30px
}

.speedtest-page .other-plans .plans-type-card {
    background-color: #fff;
    padding: 30px;
    display: flex;
    height: 100%
}

.speedtest-page .other-plans .plans-type-card .data {
    display: flex;
    flex-direction: column;
    padding-right: 30px
}

.speedtest-page .other-plans .plans-type-card .data .desc, .speedtest-page .other-plans .plans-type-card .data .title {
    margin-bottom: 20px
}

.speedtest-page .other-plans .plans-type-card .data .controls {
    display: flex;
    align-items: center
}

.speedtest-page .other-plans .plans-type-card .data .controls .price {
    display: flex;
    flex-direction: column;
    margin-left: 20px
}

.speedtest-page .other-plans .plans-type-card .data .controls .price .option {
    margin-bottom: 5px
}

.speedtest-page .other-plans .plans-type-card .image {
    width: 130px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px) {
    .speedtest-page .other-plans .plans-type {
        margin-top: 20px
    }

    .speedtest-page .other-plans .plans-type .col, .speedtest-page .other-plans .plans-type .ish--col {
        padding-bottom: 20px
    }

    .speedtest-page .other-plans .plans-type .plans-type-card {
        padding: 30px
    }
}

@media (max-width: 575.98px) {
    .speedtest-page .other-plans .plans-type .data {
        padding: 0
    }

    .speedtest-page .other-plans .plans-type .image {
        display: none
    }

    .speedtest-page .other-plans .plans-type .plans-type-card {
        padding: 20px
    }
}

.transfer-projects .container.main, .transfer-projects .main.ish--grid {
    margin-top: 30px
}

.transfer-projects .ish--form-item {
    margin-bottom: 40px
}

.transfer-projects .ish--row, .transfer-projects .row {
    margin: -.5px
}

.transfer-projects .ish--row .col, .transfer-projects .ish--row .ish--col, .transfer-projects .ish--row [class^=col-], .transfer-projects .row .col, .transfer-projects .row .ish--col, .transfer-projects .row [class^=col-] {
    padding: .5px;
    flex-direction: column;
    display: flex
}

.transfer-projects .data-block {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.transfer-projects .data-block-item {
    width: 100%;
    height: 100%
}

.transfer-projects .data-block-item .info {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 30px;
    height: 100%
}

.transfer-projects .data-block-item .info i {
    height: 40px;
    width: 40px;
    background-size: 100% 100%;
    margin-bottom: 20px;
}

.transfer-projects .data-block-item .info h3 {
    margin-bottom: 20px
}

.transfer-projects .data-block-item .info span {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    color: #474747;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .transfer-projects .data-block-item .info span {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

@media screen and (max-width: 991.98px) {
    .transfer-projects .data-block-item .info {
        padding: 20px
    }
}

.transfer-projects .data-block-item.inner {
    padding: 15px
}

.transfer-projects .data-block-item.inner .info {
    background-color: rgba(255, 255, 255, .5);
    align-items: start;
    height: 100%;
    padding: 30px 30px 20px
}

.transfer-projects .data-block-item.inner .info span {
    margin-bottom: 20px
}

@media screen and (max-width: 991.98px) {
    .transfer-projects .data-block-item.inner .info a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%
    }
}

@media screen and (max-width: 991.98px) {
    .transfer-projects .data-block-item.inner .info {
        padding: 20px
    }
}

@media screen and (max-width: 1199.98px) {
    .transfer-projects .data-block-item.inner {
        padding: 10px
    }
}

@media screen and (max-width: 991.98px) {
    .transfer-projects .data-block-item.inner {
        padding: 0
    }
}

.transfer-projects .plans-type .options {
    width: 100%;
    background-color: #fff;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 30px 30px
}

.transfer-projects .plans-type .options hr, .transfer-projects .plans-type .options ul {
    width: 100%
}

.transfer-projects .plans-type .options hr {
    margin-bottom: 20px
}

.transfer-projects .plans-type .options ul {
    list-style: unset;
    margin-bottom: 20px
}

.transfer-projects .plans-type .options ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #231f20
}

.transfer-projects .plans-type .options ul li.title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f
}

.transfer-projects .plans-type .options ul li svg:not(.tooltip-icon) {
    margin-right: 15px;
    height: 20px;
    width: 20px;
    min-width: 20px
}

.transfer-projects .plans-type .options ul li .ish--tooltip__trigger {
    margin-left: 15px
}

.transfer-projects .plans-type .options ul li:last-child {
    margin-bottom: 0
}

.transfer-projects .plans-type .options ul:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 991.98px) {
    .transfer-projects .plans-type .options {
        padding: 0 20px 20px
    }
}

@media (max-width: 991.98px) {
    .transfer-projects .plans-type .col, .transfer-projects .plans-type .ish--col {
        padding-bottom: 20px
    }

    .transfer-projects .plans-type .col:last-child, .transfer-projects .plans-type .ish--col:last-child {
        padding-bottom: 0
    }
}

.transfer-projects .plan-types-card .icon {
    display: none;
    margin-bottom: 20px
}

@media screen and (max-width: 991.98px) {
    .transfer-projects .plan-types-card .icon {
        display: flex
    }
}

.transfer-projects .plan-types-card .data .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .transfer-projects .plan-types-card .data .desc {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.transfer-projects .plan-types-card .data .controls {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-top: auto
}

.transfer-projects .plan-types-card .data .controls .price {
    display: flex;
    flex-direction: column;
    margin-left: 0;
    margin-bottom: 20px
}

.transfer-projects .plan-types-card .data .controls .price .value {
    margin-bottom: 5px
}

.transfer-projects .plan-types-card .data .controls .price .option {
    margin-bottom: 0
}

@media screen and (max-width: 991.98px) {
    .transfer-projects .plan-types-card .data .controls a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%
    }
}

@media screen and (max-width: 1199.98px) {
    .transfer-projects .plan-types-card .data {
        padding-right: 15px
    }
}

@media screen and (max-width: 991.98px) {
    .transfer-projects .plan-types-card .data {
        padding-right: 0
    }
}

@media (max-width: 991.98px) {
    .transfer-projects .plan-types-card {
        padding: 20px
    }

    .transfer-projects .plan-types-card .image {
        display: none
    }
}

@media (max-width: 767.98px) {
    .transfer-projects .plan-types-card {
        padding: 20px
    }
}

@media (max-width: 575.98px) {
    .transfer-projects .plan-types-card {
        padding: 20px
    }

    .transfer-projects .plan-types-card .data {
        padding: 0
    }
}

.transfer-projects .block {
    margin-top: 30px;
    background-color: #fff
}

.transfer-projects .block svg.icon {
    margin-bottom: 20px
}

.transfer-projects .block .data {
    padding: 30px 30px 20px;
    max-width: 760px;
    position: relative
}

.transfer-projects .block .data h2, .transfer-projects .block .data h3 {
    margin-bottom: 20px
}

.transfer-projects .block .data .info-item-head {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

.transfer-projects .block .data .info-item-head h2, .transfer-projects .block .data .info-item-head h3 {
    margin-bottom: 0
}

.transfer-projects .block .data .info-item-head svg {
    margin-bottom: 20px
}

@media (max-width: 991.98px) {
    .transfer-projects .block .data .info-item-head {
        flex-direction: row;
        align-items: center
    }

    .transfer-projects .block .data .info-item-head svg {
        margin-bottom: 0;
        margin-right: 20px
    }
}

.transfer-projects .block .data p {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    color: #474747;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .transfer-projects .block .data p {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.transfer-projects .block .data p:last-child {
    margin-bottom: 0
}

.transfer-projects .block .data.ticket {
    padding: 20px 30px 30px
}

.transfer-projects .block .data.last {
    padding: 20px 30px 20px
}

.transfer-projects .block .data.last.double {
    padding-bottom: 30px
}

@media (max-width: 1199.98px) {
    .transfer-projects .block .data {
        max-width: 552px
    }
}

@media (max-width: 991.98px) {
    .transfer-projects .block .data {
        padding: 20px;
        max-width: unset
    }

    .transfer-projects .block .data.ticket {
        padding: 20px
    }

    .transfer-projects .block .data.last {
        padding: 20px
    }

    .transfer-projects .block .data.last.double {
        padding-bottom: 20px
    }
}

.transfer-projects .block.item {
    margin-top: 1px
}

.transfer-projects .block.item .data {
    background-color: #fff
}

.transfer-projects .block.list {
    background-color: rgba(255, 255, 255, .5);
    position: relative
}

.transfer-projects .block.list:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 0
}

.transfer-projects .block.list .data {
    border-right: 1px solid #f7f7f7;
    padding: 0 50px 0 80px
}

.transfer-projects .block.list .data-item {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    position: relative
}

.transfer-projects .block.list .data-item:before {
    content: "";
    position: absolute;
    width: 2px;
    height: calc(100% - 20px * 1.5);
    top: 50px;
    left: -41px;
    background-color: #e9e9e9
}

.transfer-projects .block.list .data-item:last-child:before {
    content: unset
}

.transfer-projects .block.list .data-item .icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 25px;
    left: -50px
}

.transfer-projects .block.list .data-item .title {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    color: #231f20;
    margin-bottom: 5px
}

.transfer-projects .block.list .data-item .text {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    color: #474747;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .transfer-projects .block.list .data-item .text {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 991.98px) {
    .transfer-projects .block.list .data {
        padding-left: 60px
    }

    .transfer-projects .block.list .data-item:before {
        left: -31px
    }

    .transfer-projects .block.list .data-item .icon {
        left: -40px
    }
}

@media (max-width: 991.98px) {
    .transfer-projects .block {
        margin-top: 20px
    }
}

.transfer-projects .faq-list-item .title {
    font-size: 1.1428571429rem;
    line-height: 1.5714285714rem
}

.transfer-projects .price .value {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    color: #231f20
}

.transfer-projects .price .option {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f
}

.slogan-section {
    position: relative
}

.slogan-section picture {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: -1
}

.slogan-section picture img {
    max-width: 100%;
    object-fit: cover;
    width: 100%
}

.slogan-section .heading-title, .slogan-section h1 {
    margin: 0 0 20px;
    max-width: 375px
}

@media (max-width: 767.98px) {
    .slogan-section .heading-title, .slogan-section h1 {
        max-width: 100%
    }
}

.slogan-section h2 {
    margin: 0 0 30px;
    max-width: 375px
}

@media (max-width: 767.98px) {
    .slogan-section h2 {
        max-width: 100%
    }
}

.slogan-section .heading-description, .slogan-section p {
    font-weight: 400;
    font-size: 1.1428571429rem;
    margin: 0;
    line-height: 20px;
    display: inline-block;
    max-width: 375px
}

@media (max-width: 767.98px) {
    .slogan-section .heading-description, .slogan-section p {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .slogan-section picture img {
        width: auto
    }

    .slogan-section .heading-title, .slogan-section h1 {
        max-width: 540px
    }

    .slogan-section h2 {
        max-width: 540px
    }

    .slogan-section .heading-description, .slogan-section p {
        font-size: 1.5714285714rem;
        margin: 0;
        line-height: 1.38;
        max-width: 540px
    }
}

@media screen and (min-width: 768px) and (max-width: 767.98px) {
    .slogan-section .heading-description, .slogan-section p {
        font-size: 1.1428571429rem;
        line-height: 1.5714285714rem
    }
}

@media screen and (min-width: 768px) and (max-width: 575.98px) {
    .slogan-section .heading-description, .slogan-section p {
        font-size: 1rem;
        line-height: 1.2857142857rem
    }
}

.slogan-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top: 2px solid #0938de
}

.slogan-section.simple {
    background: 0 0
}

.slogan-section.simple .container, .slogan-section.simple .ish--grid {
    min-height: unset
}

.slogan-section.simple .heading-title, .slogan-section.simple h1 {
    margin: 0
}

.slogan-section .heading-title {
    height: 30px;
    max-width: unset
}

.slogan-section .heading-title.animation {
    transition: opacity .3s ease-in-out
}

.slogan-section .heading-title.show {
    opacity: 1
}

.slogan-section .heading-title.hide {
    opacity: 0
}

.slogan-section .heading-title.preloader::after {
    content: ".";
    color: transparent;
    width: 60%;
    background: #e0e0e0;
    display: inline-block
}

.slogan-section .heading-title.preloader::after {
    height: 30px
}

@media screen and (min-width: 768px) {
    .slogan-section .heading-title {
        height: 48px
    }

    .slogan-section .heading-title.preloader::after {
        height: 48px
    }
}

.slogan-section .heading-description {
    height: 20px;
    max-width: unset
}

.slogan-section .heading-description.animation {
    transition: opacity .3s ease-in-out
}

.slogan-section .heading-description.show {
    opacity: 1
}

.slogan-section .heading-description.hide {
    opacity: 0
}

.slogan-section .heading-description.preloader {
    display: block;
    width: 100%
}

.slogan-section .heading-description.preloader::after {
    content: ".";
    color: transparent;
    width: 100%;
    background: #e0e0e0;
    display: inline-block
}

.slogan-section .heading-description.preloader::after {
    height: 20px
}

.slogan-section.animation .heading-description, .slogan-section.animation .heading-title, .slogan-section.animation h1, .slogan-section.animation p {
    transition: opacity .3s ease-in-out
}

.slogan-section .show .heading-description, .slogan-section .show .heading-title, .slogan-section .show h1, .slogan-section .show p {
    opacity: 1
}

.slogan-section.hide .heading-description, .slogan-section.hide .heading-title, .slogan-section.hide h1, .slogan-section.hide p {
    opacity: 0
}

.slogan-section.preloader .heading-title {
    max-width: unset;
    height: 30px
}

.slogan-section.preloader .heading-title::after {
    content: ".";
    color: transparent;
    width: 60%;
    background: #e0e0e0;
    display: inline-block
}

.slogan-section.preloader .heading-title::after {
    height: 30px
}

@media screen and (min-width: 768px) {
    .slogan-section.preloader .heading-title {
        height: 48px
    }

    .slogan-section.preloader .heading-title::after {
        height: 48px
    }
}

.slogan-section.preloader .heading-description {
    max-width: unset;
    height: 20px;
    margin-bottom: 5px;
    display: block;
    width: 100%
}

.slogan-section.preloader .heading-description::after {
    content: ".";
    color: transparent;
    width: 100%;
    background: #e0e0e0;
    display: inline-block
}

.slogan-section.preloader .heading-description::after {
    height: 20px
}

.slogan-section.preloader .heading-description:last-child::after {
    content: ".";
    color: transparent;
    width: 30%;
    background: #e0e0e0;
    display: inline-block
}

.slogan-section.about, .slogan-section.affiliate, .slogan-section.api, .slogan-section.cases, .slogan-section.datacenters, .slogan-section.error, .slogan-section.payments-methods, .slogan-section.special-offers, .slogan-section.speed-test, .slogan-section.storage, .slogan-section.support, .slogan-section.transfer-projects, .slogan-section.vds, .slogan-section.vpn, .slogan-section.vps, .slogan-section.vulnerability-disclosure {
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.slogan-section.about .container, .slogan-section.about .ish--grid, .slogan-section.affiliate .container, .slogan-section.affiliate .ish--grid, .slogan-section.api .container, .slogan-section.api .ish--grid, .slogan-section.cases .container, .slogan-section.cases .ish--grid, .slogan-section.datacenters .container, .slogan-section.datacenters .ish--grid, .slogan-section.error .container, .slogan-section.error .ish--grid, .slogan-section.payments-methods .container, .slogan-section.payments-methods .ish--grid, .slogan-section.special-offers .container, .slogan-section.special-offers .ish--grid, .slogan-section.speed-test .container, .slogan-section.speed-test .ish--grid, .slogan-section.storage .container, .slogan-section.storage .ish--grid, .slogan-section.support .container, .slogan-section.support .ish--grid, .slogan-section.transfer-projects .container, .slogan-section.transfer-projects .ish--grid, .slogan-section.vds .container, .slogan-section.vds .ish--grid, .slogan-section.vpn .container, .slogan-section.vpn .ish--grid, .slogan-section.vps .container, .slogan-section.vps .ish--grid, .slogan-section.vulnerability-disclosure .container, .slogan-section.vulnerability-disclosure .ish--grid {
    padding-left: 60px
}

@media (max-width: 991.98px) {
    .slogan-section.about .container, .slogan-section.about .ish--grid, .slogan-section.affiliate .container, .slogan-section.affiliate .ish--grid, .slogan-section.api .container, .slogan-section.api .ish--grid, .slogan-section.cases .container, .slogan-section.cases .ish--grid, .slogan-section.datacenters .container, .slogan-section.datacenters .ish--grid, .slogan-section.error .container, .slogan-section.error .ish--grid, .slogan-section.payments-methods .container, .slogan-section.payments-methods .ish--grid, .slogan-section.special-offers .container, .slogan-section.special-offers .ish--grid, .slogan-section.speed-test .container, .slogan-section.speed-test .ish--grid, .slogan-section.storage .container, .slogan-section.storage .ish--grid, .slogan-section.support .container, .slogan-section.support .ish--grid, .slogan-section.transfer-projects .container, .slogan-section.transfer-projects .ish--grid, .slogan-section.vds .container, .slogan-section.vds .ish--grid, .slogan-section.vpn .container, .slogan-section.vpn .ish--grid, .slogan-section.vps .container, .slogan-section.vps .ish--grid, .slogan-section.vulnerability-disclosure .container, .slogan-section.vulnerability-disclosure .ish--grid {
        padding-left: 40px
    }
}

@media (max-width: 767.98px) {
    .slogan-section.about .container, .slogan-section.about .ish--grid, .slogan-section.affiliate .container, .slogan-section.affiliate .ish--grid, .slogan-section.api .container, .slogan-section.api .ish--grid, .slogan-section.cases .container, .slogan-section.cases .ish--grid, .slogan-section.datacenters .container, .slogan-section.datacenters .ish--grid, .slogan-section.error .container, .slogan-section.error .ish--grid, .slogan-section.payments-methods .container, .slogan-section.payments-methods .ish--grid, .slogan-section.special-offers .container, .slogan-section.special-offers .ish--grid, .slogan-section.speed-test .container, .slogan-section.speed-test .ish--grid, .slogan-section.storage .container, .slogan-section.storage .ish--grid, .slogan-section.support .container, .slogan-section.support .ish--grid, .slogan-section.transfer-projects .container, .slogan-section.transfer-projects .ish--grid, .slogan-section.vds .container, .slogan-section.vds .ish--grid, .slogan-section.vpn .container, .slogan-section.vpn .ish--grid, .slogan-section.vps .container, .slogan-section.vps .ish--grid, .slogan-section.vulnerability-disclosure .container, .slogan-section.vulnerability-disclosure .ish--grid {
        padding-right: 40px
    }
}

@media (max-width: 575.98px) {
    .slogan-section.about .container, .slogan-section.about .ish--grid, .slogan-section.affiliate .container, .slogan-section.affiliate .ish--grid, .slogan-section.api .container, .slogan-section.api .ish--grid, .slogan-section.cases .container, .slogan-section.cases .ish--grid, .slogan-section.datacenters .container, .slogan-section.datacenters .ish--grid, .slogan-section.error .container, .slogan-section.error .ish--grid, .slogan-section.payments-methods .container, .slogan-section.payments-methods .ish--grid, .slogan-section.special-offers .container, .slogan-section.special-offers .ish--grid, .slogan-section.speed-test .container, .slogan-section.speed-test .ish--grid, .slogan-section.storage .container, .slogan-section.storage .ish--grid, .slogan-section.support .container, .slogan-section.support .ish--grid, .slogan-section.transfer-projects .container, .slogan-section.transfer-projects .ish--grid, .slogan-section.vds .container, .slogan-section.vds .ish--grid, .slogan-section.vpn .container, .slogan-section.vpn .ish--grid, .slogan-section.vps .container, .slogan-section.vps .ish--grid, .slogan-section.vulnerability-disclosure .container, .slogan-section.vulnerability-disclosure .ish--grid {
        padding-right: 20px;
        padding-left: 20px
    }
}

.slogan-section.about .head, .slogan-section.affiliate .head, .slogan-section.api .head, .slogan-section.cases .head, .slogan-section.datacenters .head, .slogan-section.error .head, .slogan-section.payments-methods .head, .slogan-section.special-offers .head, .slogan-section.speed-test .head, .slogan-section.storage .head, .slogan-section.support .head, .slogan-section.transfer-projects .head, .slogan-section.vds .head, .slogan-section.vpn .head, .slogan-section.vps .head, .slogan-section.vulnerability-disclosure .head {
    padding: 100px 0
}

.slogan-section.about .head nav, .slogan-section.affiliate .head nav, .slogan-section.api .head nav, .slogan-section.cases .head nav, .slogan-section.datacenters .head nav, .slogan-section.error .head nav, .slogan-section.payments-methods .head nav, .slogan-section.special-offers .head nav, .slogan-section.speed-test .head nav, .slogan-section.storage .head nav, .slogan-section.support .head nav, .slogan-section.transfer-projects .head nav, .slogan-section.vds .head nav, .slogan-section.vpn .head nav, .slogan-section.vps .head nav, .slogan-section.vulnerability-disclosure .head nav {
    margin-bottom: 45px
}

@media (max-width: 767.98px) {
    .slogan-section.about .head nav, .slogan-section.affiliate .head nav, .slogan-section.api .head nav, .slogan-section.cases .head nav, .slogan-section.datacenters .head nav, .slogan-section.error .head nav, .slogan-section.payments-methods .head nav, .slogan-section.special-offers .head nav, .slogan-section.speed-test .head nav, .slogan-section.storage .head nav, .slogan-section.support .head nav, .slogan-section.transfer-projects .head nav, .slogan-section.vds .head nav, .slogan-section.vpn .head nav, .slogan-section.vps .head nav, .slogan-section.vulnerability-disclosure .head nav {
        margin-bottom: 20px
    }
}

@media (max-width: 767.98px) {
    .slogan-section.about .head, .slogan-section.affiliate .head, .slogan-section.api .head, .slogan-section.cases .head, .slogan-section.datacenters .head, .slogan-section.error .head, .slogan-section.payments-methods .head, .slogan-section.special-offers .head, .slogan-section.speed-test .head, .slogan-section.storage .head, .slogan-section.support .head, .slogan-section.transfer-projects .head, .slogan-section.vds .head, .slogan-section.vpn .head, .slogan-section.vps .head, .slogan-section.vulnerability-disclosure .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.about .head, .slogan-section.affiliate .head, .slogan-section.api .head, .slogan-section.cases .head, .slogan-section.datacenters .head, .slogan-section.error .head, .slogan-section.payments-methods .head, .slogan-section.special-offers .head, .slogan-section.speed-test .head, .slogan-section.storage .head, .slogan-section.support .head, .slogan-section.transfer-projects .head, .slogan-section.vds .head, .slogan-section.vpn .head, .slogan-section.vps .head, .slogan-section.vulnerability-disclosure .head {
        padding: 20px 0
    }
}

.slogan-section.about .title, .slogan-section.affiliate .title, .slogan-section.api .title, .slogan-section.cases .title, .slogan-section.datacenters .title, .slogan-section.error .title, .slogan-section.payments-methods .title, .slogan-section.special-offers .title, .slogan-section.speed-test .title, .slogan-section.storage .title, .slogan-section.support .title, .slogan-section.transfer-projects .title, .slogan-section.vds .title, .slogan-section.vpn .title, .slogan-section.vps .title, .slogan-section.vulnerability-disclosure .title {
    line-height: 1.2;
    margin: 0 0 20px
}

.slogan-section.about .description, .slogan-section.affiliate .description, .slogan-section.api .description, .slogan-section.cases .description, .slogan-section.datacenters .description, .slogan-section.error .description, .slogan-section.payments-methods .description, .slogan-section.special-offers .description, .slogan-section.speed-test .description, .slogan-section.storage .description, .slogan-section.support .description, .slogan-section.transfer-projects .description, .slogan-section.vds .description, .slogan-section.vpn .description, .slogan-section.vps .description, .slogan-section.vulnerability-disclosure .description {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #474747;
    margin-bottom: 45px
}

@media (max-width: 767.98px) {
    .slogan-section.about .description, .slogan-section.affiliate .description, .slogan-section.api .description, .slogan-section.cases .description, .slogan-section.datacenters .description, .slogan-section.error .description, .slogan-section.payments-methods .description, .slogan-section.special-offers .description, .slogan-section.speed-test .description, .slogan-section.storage .description, .slogan-section.support .description, .slogan-section.transfer-projects .description, .slogan-section.vds .description, .slogan-section.vpn .description, .slogan-section.vps .description, .slogan-section.vulnerability-disclosure .description {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 40px
    }
}

@media (max-width: 575.98px) {
    .slogan-section.about .description, .slogan-section.affiliate .description, .slogan-section.api .description, .slogan-section.cases .description, .slogan-section.datacenters .description, .slogan-section.error .description, .slogan-section.payments-methods .description, .slogan-section.special-offers .description, .slogan-section.speed-test .description, .slogan-section.storage .description, .slogan-section.support .description, .slogan-section.transfer-projects .description, .slogan-section.vds .description, .slogan-section.vpn .description, .slogan-section.vps .description, .slogan-section.vulnerability-disclosure .description {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px
    }
}

.slogan-section.about .controls, .slogan-section.affiliate .controls, .slogan-section.api .controls, .slogan-section.cases .controls, .slogan-section.datacenters .controls, .slogan-section.error .controls, .slogan-section.payments-methods .controls, .slogan-section.special-offers .controls, .slogan-section.speed-test .controls, .slogan-section.storage .controls, .slogan-section.support .controls, .slogan-section.transfer-projects .controls, .slogan-section.vds .controls, .slogan-section.vpn .controls, .slogan-section.vps .controls, .slogan-section.vulnerability-disclosure .controls {
    display: flex;
    flex-direction: row
}

.slogan-section.about .controls a, .slogan-section.affiliate .controls a, .slogan-section.api .controls a, .slogan-section.cases .controls a, .slogan-section.datacenters .controls a, .slogan-section.error .controls a, .slogan-section.payments-methods .controls a, .slogan-section.special-offers .controls a, .slogan-section.speed-test .controls a, .slogan-section.storage .controls a, .slogan-section.support .controls a, .slogan-section.transfer-projects .controls a, .slogan-section.vds .controls a, .slogan-section.vpn .controls a, .slogan-section.vps .controls a, .slogan-section.vulnerability-disclosure .controls a {
    display: flex;
    justify-content: center;
    align-items: center
}

.slogan-section.about .controls .vps, .slogan-section.affiliate .controls .vps, .slogan-section.api .controls .vps, .slogan-section.cases .controls .vps, .slogan-section.datacenters .controls .vps, .slogan-section.error .controls .vps, .slogan-section.payments-methods .controls .vps, .slogan-section.special-offers .controls .vps, .slogan-section.speed-test .controls .vps, .slogan-section.storage .controls .vps, .slogan-section.support .controls .vps, .slogan-section.transfer-projects .controls .vps, .slogan-section.vds .controls .vps, .slogan-section.vpn .controls .vps, .slogan-section.vps .controls .vps, .slogan-section.vulnerability-disclosure .controls .vps {
    margin-right: 5px
}

.slogan-section.about .controls .vds, .slogan-section.affiliate .controls .vds, .slogan-section.api .controls .vds, .slogan-section.cases .controls .vds, .slogan-section.datacenters .controls .vds, .slogan-section.error .controls .vds, .slogan-section.payments-methods .controls .vds, .slogan-section.special-offers .controls .vds, .slogan-section.speed-test .controls .vds, .slogan-section.storage .controls .vds, .slogan-section.support .controls .vds, .slogan-section.transfer-projects .controls .vds, .slogan-section.vds .controls .vds, .slogan-section.vpn .controls .vds, .slogan-section.vps .controls .vds, .slogan-section.vulnerability-disclosure .controls .vds {
    margin-right: 30px
}

@media (max-width: 767.98px) {
    .slogan-section.about .controls, .slogan-section.affiliate .controls, .slogan-section.api .controls, .slogan-section.cases .controls, .slogan-section.datacenters .controls, .slogan-section.error .controls, .slogan-section.payments-methods .controls, .slogan-section.special-offers .controls, .slogan-section.speed-test .controls, .slogan-section.storage .controls, .slogan-section.support .controls, .slogan-section.transfer-projects .controls, .slogan-section.vds .controls, .slogan-section.vpn .controls, .slogan-section.vps .controls, .slogan-section.vulnerability-disclosure .controls {
        flex-direction: column
    }

    .slogan-section.about .controls .vds, .slogan-section.about .controls .vps, .slogan-section.affiliate .controls .vds, .slogan-section.affiliate .controls .vps, .slogan-section.api .controls .vds, .slogan-section.api .controls .vps, .slogan-section.cases .controls .vds, .slogan-section.cases .controls .vps, .slogan-section.datacenters .controls .vds, .slogan-section.datacenters .controls .vps, .slogan-section.error .controls .vds, .slogan-section.error .controls .vps, .slogan-section.payments-methods .controls .vds, .slogan-section.payments-methods .controls .vps, .slogan-section.special-offers .controls .vds, .slogan-section.special-offers .controls .vps, .slogan-section.speed-test .controls .vds, .slogan-section.speed-test .controls .vps, .slogan-section.storage .controls .vds, .slogan-section.storage .controls .vps, .slogan-section.support .controls .vds, .slogan-section.support .controls .vps, .slogan-section.transfer-projects .controls .vds, .slogan-section.transfer-projects .controls .vps, .slogan-section.vds .controls .vds, .slogan-section.vds .controls .vps, .slogan-section.vpn .controls .vds, .slogan-section.vpn .controls .vps, .slogan-section.vps .controls .vds, .slogan-section.vps .controls .vps, .slogan-section.vulnerability-disclosure .controls .vds, .slogan-section.vulnerability-disclosure .controls .vps {
        margin: 0 0 5px
    }

    .slogan-section.about .controls .arrow:before, .slogan-section.affiliate .controls .arrow:before, .slogan-section.api .controls .arrow:before, .slogan-section.cases .controls .arrow:before, .slogan-section.datacenters .controls .arrow:before, .slogan-section.error .controls .arrow:before, .slogan-section.payments-methods .controls .arrow:before, .slogan-section.special-offers .controls .arrow:before, .slogan-section.speed-test .controls .arrow:before, .slogan-section.storage .controls .arrow:before, .slogan-section.support .controls .arrow:before, .slogan-section.transfer-projects .controls .arrow:before, .slogan-section.vds .controls .arrow:before, .slogan-section.vpn .controls .arrow:before, .slogan-section.vps .controls .arrow:before, .slogan-section.vulnerability-disclosure .controls .arrow:before {
        content: none
    }
}

.slogan-section.about .container, .slogan-section.about .ish--grid, .slogan-section.affiliate .container, .slogan-section.affiliate .ish--grid, .slogan-section.api .container, .slogan-section.api .ish--grid, .slogan-section.cases .container, .slogan-section.cases .ish--grid, .slogan-section.datacenters .container, .slogan-section.datacenters .ish--grid, .slogan-section.error .container, .slogan-section.error .ish--grid, .slogan-section.payments-methods .container, .slogan-section.payments-methods .ish--grid, .slogan-section.special-offers .container, .slogan-section.special-offers .ish--grid, .slogan-section.speed-test .container, .slogan-section.speed-test .ish--grid, .slogan-section.storage .container, .slogan-section.storage .ish--grid, .slogan-section.support .container, .slogan-section.support .ish--grid, .slogan-section.transfer-projects .container, .slogan-section.transfer-projects .ish--grid, .slogan-section.vds .container, .slogan-section.vds .ish--grid, .slogan-section.vpn .container, .slogan-section.vpn .ish--grid, .slogan-section.vps .container, .slogan-section.vps .ish--grid, .slogan-section.vulnerability-disclosure .container, .slogan-section.vulnerability-disclosure .ish--grid {
    display: flex;
    align-items: center
}

.slogan-section.about .container .head, .slogan-section.about .ish--grid .head, .slogan-section.affiliate .container .head, .slogan-section.affiliate .ish--grid .head, .slogan-section.api .container .head, .slogan-section.api .ish--grid .head, .slogan-section.cases .container .head, .slogan-section.cases .ish--grid .head, .slogan-section.datacenters .container .head, .slogan-section.datacenters .ish--grid .head, .slogan-section.error .container .head, .slogan-section.error .ish--grid .head, .slogan-section.payments-methods .container .head, .slogan-section.payments-methods .ish--grid .head, .slogan-section.special-offers .container .head, .slogan-section.special-offers .ish--grid .head, .slogan-section.speed-test .container .head, .slogan-section.speed-test .ish--grid .head, .slogan-section.storage .container .head, .slogan-section.storage .ish--grid .head, .slogan-section.support .container .head, .slogan-section.support .ish--grid .head, .slogan-section.transfer-projects .container .head, .slogan-section.transfer-projects .ish--grid .head, .slogan-section.vds .container .head, .slogan-section.vds .ish--grid .head, .slogan-section.vpn .container .head, .slogan-section.vpn .ish--grid .head, .slogan-section.vps .container .head, .slogan-section.vps .ish--grid .head, .slogan-section.vulnerability-disclosure .container .head, .slogan-section.vulnerability-disclosure .ish--grid .head {
    z-index: 1;
    width: 100%;
    display: flex;
    flex-direction: column
}

.slogan-section.about .container .head .heading-description, .slogan-section.about .container .head .heading-title, .slogan-section.about .container .head h1, .slogan-section.about .container .head h2, .slogan-section.about .container .head p, .slogan-section.about .ish--grid .head .heading-description, .slogan-section.about .ish--grid .head .heading-title, .slogan-section.about .ish--grid .head h1, .slogan-section.about .ish--grid .head h2, .slogan-section.about .ish--grid .head p, .slogan-section.affiliate .container .head .heading-description, .slogan-section.affiliate .container .head .heading-title, .slogan-section.affiliate .container .head h1, .slogan-section.affiliate .container .head h2, .slogan-section.affiliate .container .head p, .slogan-section.affiliate .ish--grid .head .heading-description, .slogan-section.affiliate .ish--grid .head .heading-title, .slogan-section.affiliate .ish--grid .head h1, .slogan-section.affiliate .ish--grid .head h2, .slogan-section.affiliate .ish--grid .head p, .slogan-section.api .container .head .heading-description, .slogan-section.api .container .head .heading-title, .slogan-section.api .container .head h1, .slogan-section.api .container .head h2, .slogan-section.api .container .head p, .slogan-section.api .ish--grid .head .heading-description, .slogan-section.api .ish--grid .head .heading-title, .slogan-section.api .ish--grid .head h1, .slogan-section.api .ish--grid .head h2, .slogan-section.api .ish--grid .head p, .slogan-section.cases .container .head .heading-description, .slogan-section.cases .container .head .heading-title, .slogan-section.cases .container .head h1, .slogan-section.cases .container .head h2, .slogan-section.cases .container .head p, .slogan-section.cases .ish--grid .head .heading-description, .slogan-section.cases .ish--grid .head .heading-title, .slogan-section.cases .ish--grid .head h1, .slogan-section.cases .ish--grid .head h2, .slogan-section.cases .ish--grid .head p, .slogan-section.datacenters .container .head .heading-description, .slogan-section.datacenters .container .head .heading-title, .slogan-section.datacenters .container .head h1, .slogan-section.datacenters .container .head h2, .slogan-section.datacenters .container .head p, .slogan-section.datacenters .ish--grid .head .heading-description, .slogan-section.datacenters .ish--grid .head .heading-title, .slogan-section.datacenters .ish--grid .head h1, .slogan-section.datacenters .ish--grid .head h2, .slogan-section.datacenters .ish--grid .head p, .slogan-section.error .container .head .heading-description, .slogan-section.error .container .head .heading-title, .slogan-section.error .container .head h1, .slogan-section.error .container .head h2, .slogan-section.error .container .head p, .slogan-section.error .ish--grid .head .heading-description, .slogan-section.error .ish--grid .head .heading-title, .slogan-section.error .ish--grid .head h1, .slogan-section.error .ish--grid .head h2, .slogan-section.error .ish--grid .head p, .slogan-section.payments-methods .container .head .heading-description, .slogan-section.payments-methods .container .head .heading-title, .slogan-section.payments-methods .container .head h1, .slogan-section.payments-methods .container .head h2, .slogan-section.payments-methods .container .head p, .slogan-section.payments-methods .ish--grid .head .heading-description, .slogan-section.payments-methods .ish--grid .head .heading-title, .slogan-section.payments-methods .ish--grid .head h1, .slogan-section.payments-methods .ish--grid .head h2, .slogan-section.payments-methods .ish--grid .head p, .slogan-section.special-offers .container .head .heading-description, .slogan-section.special-offers .container .head .heading-title, .slogan-section.special-offers .container .head h1, .slogan-section.special-offers .container .head h2, .slogan-section.special-offers .container .head p, .slogan-section.special-offers .ish--grid .head .heading-description, .slogan-section.special-offers .ish--grid .head .heading-title, .slogan-section.special-offers .ish--grid .head h1, .slogan-section.special-offers .ish--grid .head h2, .slogan-section.special-offers .ish--grid .head p, .slogan-section.speed-test .container .head .heading-description, .slogan-section.speed-test .container .head .heading-title, .slogan-section.speed-test .container .head h1, .slogan-section.speed-test .container .head h2, .slogan-section.speed-test .container .head p, .slogan-section.speed-test .ish--grid .head .heading-description, .slogan-section.speed-test .ish--grid .head .heading-title, .slogan-section.speed-test .ish--grid .head h1, .slogan-section.speed-test .ish--grid .head h2, .slogan-section.speed-test .ish--grid .head p, .slogan-section.storage .container .head .heading-description, .slogan-section.storage .container .head .heading-title, .slogan-section.storage .container .head h1, .slogan-section.storage .container .head h2, .slogan-section.storage .container .head p, .slogan-section.storage .ish--grid .head .heading-description, .slogan-section.storage .ish--grid .head .heading-title, .slogan-section.storage .ish--grid .head h1, .slogan-section.storage .ish--grid .head h2, .slogan-section.storage .ish--grid .head p, .slogan-section.support .container .head .heading-description, .slogan-section.support .container .head .heading-title, .slogan-section.support .container .head h1, .slogan-section.support .container .head h2, .slogan-section.support .container .head p, .slogan-section.support .ish--grid .head .heading-description, .slogan-section.support .ish--grid .head .heading-title, .slogan-section.support .ish--grid .head h1, .slogan-section.support .ish--grid .head h2, .slogan-section.support .ish--grid .head p, .slogan-section.transfer-projects .container .head .heading-description, .slogan-section.transfer-projects .container .head .heading-title, .slogan-section.transfer-projects .container .head h1, .slogan-section.transfer-projects .container .head h2, .slogan-section.transfer-projects .container .head p, .slogan-section.transfer-projects .ish--grid .head .heading-description, .slogan-section.transfer-projects .ish--grid .head .heading-title, .slogan-section.transfer-projects .ish--grid .head h1, .slogan-section.transfer-projects .ish--grid .head h2, .slogan-section.transfer-projects .ish--grid .head p, .slogan-section.vds .container .head .heading-description, .slogan-section.vds .container .head .heading-title, .slogan-section.vds .container .head h1, .slogan-section.vds .container .head h2, .slogan-section.vds .container .head p, .slogan-section.vds .ish--grid .head .heading-description, .slogan-section.vds .ish--grid .head .heading-title, .slogan-section.vds .ish--grid .head h1, .slogan-section.vds .ish--grid .head h2, .slogan-section.vds .ish--grid .head p, .slogan-section.vpn .container .head .heading-description, .slogan-section.vpn .container .head .heading-title, .slogan-section.vpn .container .head h1, .slogan-section.vpn .container .head h2, .slogan-section.vpn .container .head p, .slogan-section.vpn .ish--grid .head .heading-description, .slogan-section.vpn .ish--grid .head .heading-title, .slogan-section.vpn .ish--grid .head h1, .slogan-section.vpn .ish--grid .head h2, .slogan-section.vpn .ish--grid .head p, .slogan-section.vps .container .head .heading-description, .slogan-section.vps .container .head .heading-title, .slogan-section.vps .container .head h1, .slogan-section.vps .container .head h2, .slogan-section.vps .container .head p, .slogan-section.vps .ish--grid .head .heading-description, .slogan-section.vps .ish--grid .head .heading-title, .slogan-section.vps .ish--grid .head h1, .slogan-section.vps .ish--grid .head h2, .slogan-section.vps .ish--grid .head p, .slogan-section.vulnerability-disclosure .container .head .heading-description, .slogan-section.vulnerability-disclosure .container .head .heading-title, .slogan-section.vulnerability-disclosure .container .head h1, .slogan-section.vulnerability-disclosure .container .head h2, .slogan-section.vulnerability-disclosure .container .head p, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title, .slogan-section.vulnerability-disclosure .ish--grid .head h1, .slogan-section.vulnerability-disclosure .ish--grid .head h2, .slogan-section.vulnerability-disclosure .ish--grid .head p {
    max-width: unset;
    width: 50%
}

@media (max-width: 991.98px) {
    .slogan-section.about .container .head .heading-description, .slogan-section.about .container .head .heading-title, .slogan-section.about .container .head h1, .slogan-section.about .container .head h2, .slogan-section.about .container .head p, .slogan-section.about .ish--grid .head .heading-description, .slogan-section.about .ish--grid .head .heading-title, .slogan-section.about .ish--grid .head h1, .slogan-section.about .ish--grid .head h2, .slogan-section.about .ish--grid .head p, .slogan-section.affiliate .container .head .heading-description, .slogan-section.affiliate .container .head .heading-title, .slogan-section.affiliate .container .head h1, .slogan-section.affiliate .container .head h2, .slogan-section.affiliate .container .head p, .slogan-section.affiliate .ish--grid .head .heading-description, .slogan-section.affiliate .ish--grid .head .heading-title, .slogan-section.affiliate .ish--grid .head h1, .slogan-section.affiliate .ish--grid .head h2, .slogan-section.affiliate .ish--grid .head p, .slogan-section.api .container .head .heading-description, .slogan-section.api .container .head .heading-title, .slogan-section.api .container .head h1, .slogan-section.api .container .head h2, .slogan-section.api .container .head p, .slogan-section.api .ish--grid .head .heading-description, .slogan-section.api .ish--grid .head .heading-title, .slogan-section.api .ish--grid .head h1, .slogan-section.api .ish--grid .head h2, .slogan-section.api .ish--grid .head p, .slogan-section.cases .container .head .heading-description, .slogan-section.cases .container .head .heading-title, .slogan-section.cases .container .head h1, .slogan-section.cases .container .head h2, .slogan-section.cases .container .head p, .slogan-section.cases .ish--grid .head .heading-description, .slogan-section.cases .ish--grid .head .heading-title, .slogan-section.cases .ish--grid .head h1, .slogan-section.cases .ish--grid .head h2, .slogan-section.cases .ish--grid .head p, .slogan-section.datacenters .container .head .heading-description, .slogan-section.datacenters .container .head .heading-title, .slogan-section.datacenters .container .head h1, .slogan-section.datacenters .container .head h2, .slogan-section.datacenters .container .head p, .slogan-section.datacenters .ish--grid .head .heading-description, .slogan-section.datacenters .ish--grid .head .heading-title, .slogan-section.datacenters .ish--grid .head h1, .slogan-section.datacenters .ish--grid .head h2, .slogan-section.datacenters .ish--grid .head p, .slogan-section.error .container .head .heading-description, .slogan-section.error .container .head .heading-title, .slogan-section.error .container .head h1, .slogan-section.error .container .head h2, .slogan-section.error .container .head p, .slogan-section.error .ish--grid .head .heading-description, .slogan-section.error .ish--grid .head .heading-title, .slogan-section.error .ish--grid .head h1, .slogan-section.error .ish--grid .head h2, .slogan-section.error .ish--grid .head p, .slogan-section.payments-methods .container .head .heading-description, .slogan-section.payments-methods .container .head .heading-title, .slogan-section.payments-methods .container .head h1, .slogan-section.payments-methods .container .head h2, .slogan-section.payments-methods .container .head p, .slogan-section.payments-methods .ish--grid .head .heading-description, .slogan-section.payments-methods .ish--grid .head .heading-title, .slogan-section.payments-methods .ish--grid .head h1, .slogan-section.payments-methods .ish--grid .head h2, .slogan-section.payments-methods .ish--grid .head p, .slogan-section.special-offers .container .head .heading-description, .slogan-section.special-offers .container .head .heading-title, .slogan-section.special-offers .container .head h1, .slogan-section.special-offers .container .head h2, .slogan-section.special-offers .container .head p, .slogan-section.special-offers .ish--grid .head .heading-description, .slogan-section.special-offers .ish--grid .head .heading-title, .slogan-section.special-offers .ish--grid .head h1, .slogan-section.special-offers .ish--grid .head h2, .slogan-section.special-offers .ish--grid .head p, .slogan-section.speed-test .container .head .heading-description, .slogan-section.speed-test .container .head .heading-title, .slogan-section.speed-test .container .head h1, .slogan-section.speed-test .container .head h2, .slogan-section.speed-test .container .head p, .slogan-section.speed-test .ish--grid .head .heading-description, .slogan-section.speed-test .ish--grid .head .heading-title, .slogan-section.speed-test .ish--grid .head h1, .slogan-section.speed-test .ish--grid .head h2, .slogan-section.speed-test .ish--grid .head p, .slogan-section.storage .container .head .heading-description, .slogan-section.storage .container .head .heading-title, .slogan-section.storage .container .head h1, .slogan-section.storage .container .head h2, .slogan-section.storage .container .head p, .slogan-section.storage .ish--grid .head .heading-description, .slogan-section.storage .ish--grid .head .heading-title, .slogan-section.storage .ish--grid .head h1, .slogan-section.storage .ish--grid .head h2, .slogan-section.storage .ish--grid .head p, .slogan-section.support .container .head .heading-description, .slogan-section.support .container .head .heading-title, .slogan-section.support .container .head h1, .slogan-section.support .container .head h2, .slogan-section.support .container .head p, .slogan-section.support .ish--grid .head .heading-description, .slogan-section.support .ish--grid .head .heading-title, .slogan-section.support .ish--grid .head h1, .slogan-section.support .ish--grid .head h2, .slogan-section.support .ish--grid .head p, .slogan-section.transfer-projects .container .head .heading-description, .slogan-section.transfer-projects .container .head .heading-title, .slogan-section.transfer-projects .container .head h1, .slogan-section.transfer-projects .container .head h2, .slogan-section.transfer-projects .container .head p, .slogan-section.transfer-projects .ish--grid .head .heading-description, .slogan-section.transfer-projects .ish--grid .head .heading-title, .slogan-section.transfer-projects .ish--grid .head h1, .slogan-section.transfer-projects .ish--grid .head h2, .slogan-section.transfer-projects .ish--grid .head p, .slogan-section.vds .container .head .heading-description, .slogan-section.vds .container .head .heading-title, .slogan-section.vds .container .head h1, .slogan-section.vds .container .head h2, .slogan-section.vds .container .head p, .slogan-section.vds .ish--grid .head .heading-description, .slogan-section.vds .ish--grid .head .heading-title, .slogan-section.vds .ish--grid .head h1, .slogan-section.vds .ish--grid .head h2, .slogan-section.vds .ish--grid .head p, .slogan-section.vpn .container .head .heading-description, .slogan-section.vpn .container .head .heading-title, .slogan-section.vpn .container .head h1, .slogan-section.vpn .container .head h2, .slogan-section.vpn .container .head p, .slogan-section.vpn .ish--grid .head .heading-description, .slogan-section.vpn .ish--grid .head .heading-title, .slogan-section.vpn .ish--grid .head h1, .slogan-section.vpn .ish--grid .head h2, .slogan-section.vpn .ish--grid .head p, .slogan-section.vps .container .head .heading-description, .slogan-section.vps .container .head .heading-title, .slogan-section.vps .container .head h1, .slogan-section.vps .container .head h2, .slogan-section.vps .container .head p, .slogan-section.vps .ish--grid .head .heading-description, .slogan-section.vps .ish--grid .head .heading-title, .slogan-section.vps .ish--grid .head h1, .slogan-section.vps .ish--grid .head h2, .slogan-section.vps .ish--grid .head p, .slogan-section.vulnerability-disclosure .container .head .heading-description, .slogan-section.vulnerability-disclosure .container .head .heading-title, .slogan-section.vulnerability-disclosure .container .head h1, .slogan-section.vulnerability-disclosure .container .head h2, .slogan-section.vulnerability-disclosure .container .head p, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title, .slogan-section.vulnerability-disclosure .ish--grid .head h1, .slogan-section.vulnerability-disclosure .ish--grid .head h2, .slogan-section.vulnerability-disclosure .ish--grid .head p {
        max-width: unset;
        width: 65%
    }
}

@media (max-width: 767.98px) {
    .slogan-section.about .container .head .heading-description, .slogan-section.about .container .head .heading-title, .slogan-section.about .container .head h1, .slogan-section.about .container .head h2, .slogan-section.about .container .head p, .slogan-section.about .ish--grid .head .heading-description, .slogan-section.about .ish--grid .head .heading-title, .slogan-section.about .ish--grid .head h1, .slogan-section.about .ish--grid .head h2, .slogan-section.about .ish--grid .head p, .slogan-section.affiliate .container .head .heading-description, .slogan-section.affiliate .container .head .heading-title, .slogan-section.affiliate .container .head h1, .slogan-section.affiliate .container .head h2, .slogan-section.affiliate .container .head p, .slogan-section.affiliate .ish--grid .head .heading-description, .slogan-section.affiliate .ish--grid .head .heading-title, .slogan-section.affiliate .ish--grid .head h1, .slogan-section.affiliate .ish--grid .head h2, .slogan-section.affiliate .ish--grid .head p, .slogan-section.api .container .head .heading-description, .slogan-section.api .container .head .heading-title, .slogan-section.api .container .head h1, .slogan-section.api .container .head h2, .slogan-section.api .container .head p, .slogan-section.api .ish--grid .head .heading-description, .slogan-section.api .ish--grid .head .heading-title, .slogan-section.api .ish--grid .head h1, .slogan-section.api .ish--grid .head h2, .slogan-section.api .ish--grid .head p, .slogan-section.cases .container .head .heading-description, .slogan-section.cases .container .head .heading-title, .slogan-section.cases .container .head h1, .slogan-section.cases .container .head h2, .slogan-section.cases .container .head p, .slogan-section.cases .ish--grid .head .heading-description, .slogan-section.cases .ish--grid .head .heading-title, .slogan-section.cases .ish--grid .head h1, .slogan-section.cases .ish--grid .head h2, .slogan-section.cases .ish--grid .head p, .slogan-section.datacenters .container .head .heading-description, .slogan-section.datacenters .container .head .heading-title, .slogan-section.datacenters .container .head h1, .slogan-section.datacenters .container .head h2, .slogan-section.datacenters .container .head p, .slogan-section.datacenters .ish--grid .head .heading-description, .slogan-section.datacenters .ish--grid .head .heading-title, .slogan-section.datacenters .ish--grid .head h1, .slogan-section.datacenters .ish--grid .head h2, .slogan-section.datacenters .ish--grid .head p, .slogan-section.error .container .head .heading-description, .slogan-section.error .container .head .heading-title, .slogan-section.error .container .head h1, .slogan-section.error .container .head h2, .slogan-section.error .container .head p, .slogan-section.error .ish--grid .head .heading-description, .slogan-section.error .ish--grid .head .heading-title, .slogan-section.error .ish--grid .head h1, .slogan-section.error .ish--grid .head h2, .slogan-section.error .ish--grid .head p, .slogan-section.payments-methods .container .head .heading-description, .slogan-section.payments-methods .container .head .heading-title, .slogan-section.payments-methods .container .head h1, .slogan-section.payments-methods .container .head h2, .slogan-section.payments-methods .container .head p, .slogan-section.payments-methods .ish--grid .head .heading-description, .slogan-section.payments-methods .ish--grid .head .heading-title, .slogan-section.payments-methods .ish--grid .head h1, .slogan-section.payments-methods .ish--grid .head h2, .slogan-section.payments-methods .ish--grid .head p, .slogan-section.special-offers .container .head .heading-description, .slogan-section.special-offers .container .head .heading-title, .slogan-section.special-offers .container .head h1, .slogan-section.special-offers .container .head h2, .slogan-section.special-offers .container .head p, .slogan-section.special-offers .ish--grid .head .heading-description, .slogan-section.special-offers .ish--grid .head .heading-title, .slogan-section.special-offers .ish--grid .head h1, .slogan-section.special-offers .ish--grid .head h2, .slogan-section.special-offers .ish--grid .head p, .slogan-section.speed-test .container .head .heading-description, .slogan-section.speed-test .container .head .heading-title, .slogan-section.speed-test .container .head h1, .slogan-section.speed-test .container .head h2, .slogan-section.speed-test .container .head p, .slogan-section.speed-test .ish--grid .head .heading-description, .slogan-section.speed-test .ish--grid .head .heading-title, .slogan-section.speed-test .ish--grid .head h1, .slogan-section.speed-test .ish--grid .head h2, .slogan-section.speed-test .ish--grid .head p, .slogan-section.storage .container .head .heading-description, .slogan-section.storage .container .head .heading-title, .slogan-section.storage .container .head h1, .slogan-section.storage .container .head h2, .slogan-section.storage .container .head p, .slogan-section.storage .ish--grid .head .heading-description, .slogan-section.storage .ish--grid .head .heading-title, .slogan-section.storage .ish--grid .head h1, .slogan-section.storage .ish--grid .head h2, .slogan-section.storage .ish--grid .head p, .slogan-section.support .container .head .heading-description, .slogan-section.support .container .head .heading-title, .slogan-section.support .container .head h1, .slogan-section.support .container .head h2, .slogan-section.support .container .head p, .slogan-section.support .ish--grid .head .heading-description, .slogan-section.support .ish--grid .head .heading-title, .slogan-section.support .ish--grid .head h1, .slogan-section.support .ish--grid .head h2, .slogan-section.support .ish--grid .head p, .slogan-section.transfer-projects .container .head .heading-description, .slogan-section.transfer-projects .container .head .heading-title, .slogan-section.transfer-projects .container .head h1, .slogan-section.transfer-projects .container .head h2, .slogan-section.transfer-projects .container .head p, .slogan-section.transfer-projects .ish--grid .head .heading-description, .slogan-section.transfer-projects .ish--grid .head .heading-title, .slogan-section.transfer-projects .ish--grid .head h1, .slogan-section.transfer-projects .ish--grid .head h2, .slogan-section.transfer-projects .ish--grid .head p, .slogan-section.vds .container .head .heading-description, .slogan-section.vds .container .head .heading-title, .slogan-section.vds .container .head h1, .slogan-section.vds .container .head h2, .slogan-section.vds .container .head p, .slogan-section.vds .ish--grid .head .heading-description, .slogan-section.vds .ish--grid .head .heading-title, .slogan-section.vds .ish--grid .head h1, .slogan-section.vds .ish--grid .head h2, .slogan-section.vds .ish--grid .head p, .slogan-section.vpn .container .head .heading-description, .slogan-section.vpn .container .head .heading-title, .slogan-section.vpn .container .head h1, .slogan-section.vpn .container .head h2, .slogan-section.vpn .container .head p, .slogan-section.vpn .ish--grid .head .heading-description, .slogan-section.vpn .ish--grid .head .heading-title, .slogan-section.vpn .ish--grid .head h1, .slogan-section.vpn .ish--grid .head h2, .slogan-section.vpn .ish--grid .head p, .slogan-section.vps .container .head .heading-description, .slogan-section.vps .container .head .heading-title, .slogan-section.vps .container .head h1, .slogan-section.vps .container .head h2, .slogan-section.vps .container .head p, .slogan-section.vps .ish--grid .head .heading-description, .slogan-section.vps .ish--grid .head .heading-title, .slogan-section.vps .ish--grid .head h1, .slogan-section.vps .ish--grid .head h2, .slogan-section.vps .ish--grid .head p, .slogan-section.vulnerability-disclosure .container .head .heading-description, .slogan-section.vulnerability-disclosure .container .head .heading-title, .slogan-section.vulnerability-disclosure .container .head h1, .slogan-section.vulnerability-disclosure .container .head h2, .slogan-section.vulnerability-disclosure .container .head p, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title, .slogan-section.vulnerability-disclosure .ish--grid .head h1, .slogan-section.vulnerability-disclosure .ish--grid .head h2, .slogan-section.vulnerability-disclosure .ish--grid .head p {
        max-width: unset;
        width: 100%
    }
}

.slogan-section.about .container .head .heading-description:has(.decorated), .slogan-section.about .container .head .heading-title:has(.decorated), .slogan-section.about .container .head h1:has(.decorated), .slogan-section.about .container .head h2:has(.decorated), .slogan-section.about .container .head p:has(.decorated), .slogan-section.about .ish--grid .head .heading-description:has(.decorated), .slogan-section.about .ish--grid .head .heading-title:has(.decorated), .slogan-section.about .ish--grid .head h1:has(.decorated), .slogan-section.about .ish--grid .head h2:has(.decorated), .slogan-section.about .ish--grid .head p:has(.decorated), .slogan-section.affiliate .container .head .heading-description:has(.decorated), .slogan-section.affiliate .container .head .heading-title:has(.decorated), .slogan-section.affiliate .container .head h1:has(.decorated), .slogan-section.affiliate .container .head h2:has(.decorated), .slogan-section.affiliate .container .head p:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-description:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-title:has(.decorated), .slogan-section.affiliate .ish--grid .head h1:has(.decorated), .slogan-section.affiliate .ish--grid .head h2:has(.decorated), .slogan-section.affiliate .ish--grid .head p:has(.decorated), .slogan-section.api .container .head .heading-description:has(.decorated), .slogan-section.api .container .head .heading-title:has(.decorated), .slogan-section.api .container .head h1:has(.decorated), .slogan-section.api .container .head h2:has(.decorated), .slogan-section.api .container .head p:has(.decorated), .slogan-section.api .ish--grid .head .heading-description:has(.decorated), .slogan-section.api .ish--grid .head .heading-title:has(.decorated), .slogan-section.api .ish--grid .head h1:has(.decorated), .slogan-section.api .ish--grid .head h2:has(.decorated), .slogan-section.api .ish--grid .head p:has(.decorated), .slogan-section.cases .container .head .heading-description:has(.decorated), .slogan-section.cases .container .head .heading-title:has(.decorated), .slogan-section.cases .container .head h1:has(.decorated), .slogan-section.cases .container .head h2:has(.decorated), .slogan-section.cases .container .head p:has(.decorated), .slogan-section.cases .ish--grid .head .heading-description:has(.decorated), .slogan-section.cases .ish--grid .head .heading-title:has(.decorated), .slogan-section.cases .ish--grid .head h1:has(.decorated), .slogan-section.cases .ish--grid .head h2:has(.decorated), .slogan-section.cases .ish--grid .head p:has(.decorated), .slogan-section.datacenters .container .head .heading-description:has(.decorated), .slogan-section.datacenters .container .head .heading-title:has(.decorated), .slogan-section.datacenters .container .head h1:has(.decorated), .slogan-section.datacenters .container .head h2:has(.decorated), .slogan-section.datacenters .container .head p:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-description:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-title:has(.decorated), .slogan-section.datacenters .ish--grid .head h1:has(.decorated), .slogan-section.datacenters .ish--grid .head h2:has(.decorated), .slogan-section.datacenters .ish--grid .head p:has(.decorated), .slogan-section.error .container .head .heading-description:has(.decorated), .slogan-section.error .container .head .heading-title:has(.decorated), .slogan-section.error .container .head h1:has(.decorated), .slogan-section.error .container .head h2:has(.decorated), .slogan-section.error .container .head p:has(.decorated), .slogan-section.error .ish--grid .head .heading-description:has(.decorated), .slogan-section.error .ish--grid .head .heading-title:has(.decorated), .slogan-section.error .ish--grid .head h1:has(.decorated), .slogan-section.error .ish--grid .head h2:has(.decorated), .slogan-section.error .ish--grid .head p:has(.decorated), .slogan-section.payments-methods .container .head .heading-description:has(.decorated), .slogan-section.payments-methods .container .head .heading-title:has(.decorated), .slogan-section.payments-methods .container .head h1:has(.decorated), .slogan-section.payments-methods .container .head h2:has(.decorated), .slogan-section.payments-methods .container .head p:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-description:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-title:has(.decorated), .slogan-section.payments-methods .ish--grid .head h1:has(.decorated), .slogan-section.payments-methods .ish--grid .head h2:has(.decorated), .slogan-section.payments-methods .ish--grid .head p:has(.decorated), .slogan-section.special-offers .container .head .heading-description:has(.decorated), .slogan-section.special-offers .container .head .heading-title:has(.decorated), .slogan-section.special-offers .container .head h1:has(.decorated), .slogan-section.special-offers .container .head h2:has(.decorated), .slogan-section.special-offers .container .head p:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-description:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-title:has(.decorated), .slogan-section.special-offers .ish--grid .head h1:has(.decorated), .slogan-section.special-offers .ish--grid .head h2:has(.decorated), .slogan-section.special-offers .ish--grid .head p:has(.decorated), .slogan-section.speed-test .container .head .heading-description:has(.decorated), .slogan-section.speed-test .container .head .heading-title:has(.decorated), .slogan-section.speed-test .container .head h1:has(.decorated), .slogan-section.speed-test .container .head h2:has(.decorated), .slogan-section.speed-test .container .head p:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-description:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-title:has(.decorated), .slogan-section.speed-test .ish--grid .head h1:has(.decorated), .slogan-section.speed-test .ish--grid .head h2:has(.decorated), .slogan-section.speed-test .ish--grid .head p:has(.decorated), .slogan-section.storage .container .head .heading-description:has(.decorated), .slogan-section.storage .container .head .heading-title:has(.decorated), .slogan-section.storage .container .head h1:has(.decorated), .slogan-section.storage .container .head h2:has(.decorated), .slogan-section.storage .container .head p:has(.decorated), .slogan-section.storage .ish--grid .head .heading-description:has(.decorated), .slogan-section.storage .ish--grid .head .heading-title:has(.decorated), .slogan-section.storage .ish--grid .head h1:has(.decorated), .slogan-section.storage .ish--grid .head h2:has(.decorated), .slogan-section.storage .ish--grid .head p:has(.decorated), .slogan-section.support .container .head .heading-description:has(.decorated), .slogan-section.support .container .head .heading-title:has(.decorated), .slogan-section.support .container .head h1:has(.decorated), .slogan-section.support .container .head h2:has(.decorated), .slogan-section.support .container .head p:has(.decorated), .slogan-section.support .ish--grid .head .heading-description:has(.decorated), .slogan-section.support .ish--grid .head .heading-title:has(.decorated), .slogan-section.support .ish--grid .head h1:has(.decorated), .slogan-section.support .ish--grid .head h2:has(.decorated), .slogan-section.support .ish--grid .head p:has(.decorated), .slogan-section.transfer-projects .container .head .heading-description:has(.decorated), .slogan-section.transfer-projects .container .head .heading-title:has(.decorated), .slogan-section.transfer-projects .container .head h1:has(.decorated), .slogan-section.transfer-projects .container .head h2:has(.decorated), .slogan-section.transfer-projects .container .head p:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-description:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-title:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h1:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h2:has(.decorated), .slogan-section.transfer-projects .ish--grid .head p:has(.decorated), .slogan-section.vds .container .head .heading-description:has(.decorated), .slogan-section.vds .container .head .heading-title:has(.decorated), .slogan-section.vds .container .head h1:has(.decorated), .slogan-section.vds .container .head h2:has(.decorated), .slogan-section.vds .container .head p:has(.decorated), .slogan-section.vds .ish--grid .head .heading-description:has(.decorated), .slogan-section.vds .ish--grid .head .heading-title:has(.decorated), .slogan-section.vds .ish--grid .head h1:has(.decorated), .slogan-section.vds .ish--grid .head h2:has(.decorated), .slogan-section.vds .ish--grid .head p:has(.decorated), .slogan-section.vpn .container .head .heading-description:has(.decorated), .slogan-section.vpn .container .head .heading-title:has(.decorated), .slogan-section.vpn .container .head h1:has(.decorated), .slogan-section.vpn .container .head h2:has(.decorated), .slogan-section.vpn .container .head p:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-description:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-title:has(.decorated), .slogan-section.vpn .ish--grid .head h1:has(.decorated), .slogan-section.vpn .ish--grid .head h2:has(.decorated), .slogan-section.vpn .ish--grid .head p:has(.decorated), .slogan-section.vps .container .head .heading-description:has(.decorated), .slogan-section.vps .container .head .heading-title:has(.decorated), .slogan-section.vps .container .head h1:has(.decorated), .slogan-section.vps .container .head h2:has(.decorated), .slogan-section.vps .container .head p:has(.decorated), .slogan-section.vps .ish--grid .head .heading-description:has(.decorated), .slogan-section.vps .ish--grid .head .heading-title:has(.decorated), .slogan-section.vps .ish--grid .head h1:has(.decorated), .slogan-section.vps .ish--grid .head h2:has(.decorated), .slogan-section.vps .ish--grid .head p:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .container .head p:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head p:has(.decorated) {
    width: 70%
}

@media (max-width: 1199.98px) {
    .slogan-section.about .container .head .heading-description:has(.decorated), .slogan-section.about .container .head .heading-title:has(.decorated), .slogan-section.about .container .head h1:has(.decorated), .slogan-section.about .container .head h2:has(.decorated), .slogan-section.about .container .head p:has(.decorated), .slogan-section.about .ish--grid .head .heading-description:has(.decorated), .slogan-section.about .ish--grid .head .heading-title:has(.decorated), .slogan-section.about .ish--grid .head h1:has(.decorated), .slogan-section.about .ish--grid .head h2:has(.decorated), .slogan-section.about .ish--grid .head p:has(.decorated), .slogan-section.affiliate .container .head .heading-description:has(.decorated), .slogan-section.affiliate .container .head .heading-title:has(.decorated), .slogan-section.affiliate .container .head h1:has(.decorated), .slogan-section.affiliate .container .head h2:has(.decorated), .slogan-section.affiliate .container .head p:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-description:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-title:has(.decorated), .slogan-section.affiliate .ish--grid .head h1:has(.decorated), .slogan-section.affiliate .ish--grid .head h2:has(.decorated), .slogan-section.affiliate .ish--grid .head p:has(.decorated), .slogan-section.api .container .head .heading-description:has(.decorated), .slogan-section.api .container .head .heading-title:has(.decorated), .slogan-section.api .container .head h1:has(.decorated), .slogan-section.api .container .head h2:has(.decorated), .slogan-section.api .container .head p:has(.decorated), .slogan-section.api .ish--grid .head .heading-description:has(.decorated), .slogan-section.api .ish--grid .head .heading-title:has(.decorated), .slogan-section.api .ish--grid .head h1:has(.decorated), .slogan-section.api .ish--grid .head h2:has(.decorated), .slogan-section.api .ish--grid .head p:has(.decorated), .slogan-section.cases .container .head .heading-description:has(.decorated), .slogan-section.cases .container .head .heading-title:has(.decorated), .slogan-section.cases .container .head h1:has(.decorated), .slogan-section.cases .container .head h2:has(.decorated), .slogan-section.cases .container .head p:has(.decorated), .slogan-section.cases .ish--grid .head .heading-description:has(.decorated), .slogan-section.cases .ish--grid .head .heading-title:has(.decorated), .slogan-section.cases .ish--grid .head h1:has(.decorated), .slogan-section.cases .ish--grid .head h2:has(.decorated), .slogan-section.cases .ish--grid .head p:has(.decorated), .slogan-section.datacenters .container .head .heading-description:has(.decorated), .slogan-section.datacenters .container .head .heading-title:has(.decorated), .slogan-section.datacenters .container .head h1:has(.decorated), .slogan-section.datacenters .container .head h2:has(.decorated), .slogan-section.datacenters .container .head p:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-description:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-title:has(.decorated), .slogan-section.datacenters .ish--grid .head h1:has(.decorated), .slogan-section.datacenters .ish--grid .head h2:has(.decorated), .slogan-section.datacenters .ish--grid .head p:has(.decorated), .slogan-section.error .container .head .heading-description:has(.decorated), .slogan-section.error .container .head .heading-title:has(.decorated), .slogan-section.error .container .head h1:has(.decorated), .slogan-section.error .container .head h2:has(.decorated), .slogan-section.error .container .head p:has(.decorated), .slogan-section.error .ish--grid .head .heading-description:has(.decorated), .slogan-section.error .ish--grid .head .heading-title:has(.decorated), .slogan-section.error .ish--grid .head h1:has(.decorated), .slogan-section.error .ish--grid .head h2:has(.decorated), .slogan-section.error .ish--grid .head p:has(.decorated), .slogan-section.payments-methods .container .head .heading-description:has(.decorated), .slogan-section.payments-methods .container .head .heading-title:has(.decorated), .slogan-section.payments-methods .container .head h1:has(.decorated), .slogan-section.payments-methods .container .head h2:has(.decorated), .slogan-section.payments-methods .container .head p:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-description:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-title:has(.decorated), .slogan-section.payments-methods .ish--grid .head h1:has(.decorated), .slogan-section.payments-methods .ish--grid .head h2:has(.decorated), .slogan-section.payments-methods .ish--grid .head p:has(.decorated), .slogan-section.special-offers .container .head .heading-description:has(.decorated), .slogan-section.special-offers .container .head .heading-title:has(.decorated), .slogan-section.special-offers .container .head h1:has(.decorated), .slogan-section.special-offers .container .head h2:has(.decorated), .slogan-section.special-offers .container .head p:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-description:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-title:has(.decorated), .slogan-section.special-offers .ish--grid .head h1:has(.decorated), .slogan-section.special-offers .ish--grid .head h2:has(.decorated), .slogan-section.special-offers .ish--grid .head p:has(.decorated), .slogan-section.speed-test .container .head .heading-description:has(.decorated), .slogan-section.speed-test .container .head .heading-title:has(.decorated), .slogan-section.speed-test .container .head h1:has(.decorated), .slogan-section.speed-test .container .head h2:has(.decorated), .slogan-section.speed-test .container .head p:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-description:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-title:has(.decorated), .slogan-section.speed-test .ish--grid .head h1:has(.decorated), .slogan-section.speed-test .ish--grid .head h2:has(.decorated), .slogan-section.speed-test .ish--grid .head p:has(.decorated), .slogan-section.storage .container .head .heading-description:has(.decorated), .slogan-section.storage .container .head .heading-title:has(.decorated), .slogan-section.storage .container .head h1:has(.decorated), .slogan-section.storage .container .head h2:has(.decorated), .slogan-section.storage .container .head p:has(.decorated), .slogan-section.storage .ish--grid .head .heading-description:has(.decorated), .slogan-section.storage .ish--grid .head .heading-title:has(.decorated), .slogan-section.storage .ish--grid .head h1:has(.decorated), .slogan-section.storage .ish--grid .head h2:has(.decorated), .slogan-section.storage .ish--grid .head p:has(.decorated), .slogan-section.support .container .head .heading-description:has(.decorated), .slogan-section.support .container .head .heading-title:has(.decorated), .slogan-section.support .container .head h1:has(.decorated), .slogan-section.support .container .head h2:has(.decorated), .slogan-section.support .container .head p:has(.decorated), .slogan-section.support .ish--grid .head .heading-description:has(.decorated), .slogan-section.support .ish--grid .head .heading-title:has(.decorated), .slogan-section.support .ish--grid .head h1:has(.decorated), .slogan-section.support .ish--grid .head h2:has(.decorated), .slogan-section.support .ish--grid .head p:has(.decorated), .slogan-section.transfer-projects .container .head .heading-description:has(.decorated), .slogan-section.transfer-projects .container .head .heading-title:has(.decorated), .slogan-section.transfer-projects .container .head h1:has(.decorated), .slogan-section.transfer-projects .container .head h2:has(.decorated), .slogan-section.transfer-projects .container .head p:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-description:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-title:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h1:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h2:has(.decorated), .slogan-section.transfer-projects .ish--grid .head p:has(.decorated), .slogan-section.vds .container .head .heading-description:has(.decorated), .slogan-section.vds .container .head .heading-title:has(.decorated), .slogan-section.vds .container .head h1:has(.decorated), .slogan-section.vds .container .head h2:has(.decorated), .slogan-section.vds .container .head p:has(.decorated), .slogan-section.vds .ish--grid .head .heading-description:has(.decorated), .slogan-section.vds .ish--grid .head .heading-title:has(.decorated), .slogan-section.vds .ish--grid .head h1:has(.decorated), .slogan-section.vds .ish--grid .head h2:has(.decorated), .slogan-section.vds .ish--grid .head p:has(.decorated), .slogan-section.vpn .container .head .heading-description:has(.decorated), .slogan-section.vpn .container .head .heading-title:has(.decorated), .slogan-section.vpn .container .head h1:has(.decorated), .slogan-section.vpn .container .head h2:has(.decorated), .slogan-section.vpn .container .head p:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-description:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-title:has(.decorated), .slogan-section.vpn .ish--grid .head h1:has(.decorated), .slogan-section.vpn .ish--grid .head h2:has(.decorated), .slogan-section.vpn .ish--grid .head p:has(.decorated), .slogan-section.vps .container .head .heading-description:has(.decorated), .slogan-section.vps .container .head .heading-title:has(.decorated), .slogan-section.vps .container .head h1:has(.decorated), .slogan-section.vps .container .head h2:has(.decorated), .slogan-section.vps .container .head p:has(.decorated), .slogan-section.vps .ish--grid .head .heading-description:has(.decorated), .slogan-section.vps .ish--grid .head .heading-title:has(.decorated), .slogan-section.vps .ish--grid .head h1:has(.decorated), .slogan-section.vps .ish--grid .head h2:has(.decorated), .slogan-section.vps .ish--grid .head p:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .container .head p:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head p:has(.decorated) {
        width: 80%
    }
}

@media (max-width: 991.98px) {
    .slogan-section.about .container .head .heading-description:has(.decorated), .slogan-section.about .container .head .heading-title:has(.decorated), .slogan-section.about .container .head h1:has(.decorated), .slogan-section.about .container .head h2:has(.decorated), .slogan-section.about .container .head p:has(.decorated), .slogan-section.about .ish--grid .head .heading-description:has(.decorated), .slogan-section.about .ish--grid .head .heading-title:has(.decorated), .slogan-section.about .ish--grid .head h1:has(.decorated), .slogan-section.about .ish--grid .head h2:has(.decorated), .slogan-section.about .ish--grid .head p:has(.decorated), .slogan-section.affiliate .container .head .heading-description:has(.decorated), .slogan-section.affiliate .container .head .heading-title:has(.decorated), .slogan-section.affiliate .container .head h1:has(.decorated), .slogan-section.affiliate .container .head h2:has(.decorated), .slogan-section.affiliate .container .head p:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-description:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-title:has(.decorated), .slogan-section.affiliate .ish--grid .head h1:has(.decorated), .slogan-section.affiliate .ish--grid .head h2:has(.decorated), .slogan-section.affiliate .ish--grid .head p:has(.decorated), .slogan-section.api .container .head .heading-description:has(.decorated), .slogan-section.api .container .head .heading-title:has(.decorated), .slogan-section.api .container .head h1:has(.decorated), .slogan-section.api .container .head h2:has(.decorated), .slogan-section.api .container .head p:has(.decorated), .slogan-section.api .ish--grid .head .heading-description:has(.decorated), .slogan-section.api .ish--grid .head .heading-title:has(.decorated), .slogan-section.api .ish--grid .head h1:has(.decorated), .slogan-section.api .ish--grid .head h2:has(.decorated), .slogan-section.api .ish--grid .head p:has(.decorated), .slogan-section.cases .container .head .heading-description:has(.decorated), .slogan-section.cases .container .head .heading-title:has(.decorated), .slogan-section.cases .container .head h1:has(.decorated), .slogan-section.cases .container .head h2:has(.decorated), .slogan-section.cases .container .head p:has(.decorated), .slogan-section.cases .ish--grid .head .heading-description:has(.decorated), .slogan-section.cases .ish--grid .head .heading-title:has(.decorated), .slogan-section.cases .ish--grid .head h1:has(.decorated), .slogan-section.cases .ish--grid .head h2:has(.decorated), .slogan-section.cases .ish--grid .head p:has(.decorated), .slogan-section.datacenters .container .head .heading-description:has(.decorated), .slogan-section.datacenters .container .head .heading-title:has(.decorated), .slogan-section.datacenters .container .head h1:has(.decorated), .slogan-section.datacenters .container .head h2:has(.decorated), .slogan-section.datacenters .container .head p:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-description:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-title:has(.decorated), .slogan-section.datacenters .ish--grid .head h1:has(.decorated), .slogan-section.datacenters .ish--grid .head h2:has(.decorated), .slogan-section.datacenters .ish--grid .head p:has(.decorated), .slogan-section.error .container .head .heading-description:has(.decorated), .slogan-section.error .container .head .heading-title:has(.decorated), .slogan-section.error .container .head h1:has(.decorated), .slogan-section.error .container .head h2:has(.decorated), .slogan-section.error .container .head p:has(.decorated), .slogan-section.error .ish--grid .head .heading-description:has(.decorated), .slogan-section.error .ish--grid .head .heading-title:has(.decorated), .slogan-section.error .ish--grid .head h1:has(.decorated), .slogan-section.error .ish--grid .head h2:has(.decorated), .slogan-section.error .ish--grid .head p:has(.decorated), .slogan-section.payments-methods .container .head .heading-description:has(.decorated), .slogan-section.payments-methods .container .head .heading-title:has(.decorated), .slogan-section.payments-methods .container .head h1:has(.decorated), .slogan-section.payments-methods .container .head h2:has(.decorated), .slogan-section.payments-methods .container .head p:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-description:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-title:has(.decorated), .slogan-section.payments-methods .ish--grid .head h1:has(.decorated), .slogan-section.payments-methods .ish--grid .head h2:has(.decorated), .slogan-section.payments-methods .ish--grid .head p:has(.decorated), .slogan-section.special-offers .container .head .heading-description:has(.decorated), .slogan-section.special-offers .container .head .heading-title:has(.decorated), .slogan-section.special-offers .container .head h1:has(.decorated), .slogan-section.special-offers .container .head h2:has(.decorated), .slogan-section.special-offers .container .head p:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-description:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-title:has(.decorated), .slogan-section.special-offers .ish--grid .head h1:has(.decorated), .slogan-section.special-offers .ish--grid .head h2:has(.decorated), .slogan-section.special-offers .ish--grid .head p:has(.decorated), .slogan-section.speed-test .container .head .heading-description:has(.decorated), .slogan-section.speed-test .container .head .heading-title:has(.decorated), .slogan-section.speed-test .container .head h1:has(.decorated), .slogan-section.speed-test .container .head h2:has(.decorated), .slogan-section.speed-test .container .head p:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-description:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-title:has(.decorated), .slogan-section.speed-test .ish--grid .head h1:has(.decorated), .slogan-section.speed-test .ish--grid .head h2:has(.decorated), .slogan-section.speed-test .ish--grid .head p:has(.decorated), .slogan-section.storage .container .head .heading-description:has(.decorated), .slogan-section.storage .container .head .heading-title:has(.decorated), .slogan-section.storage .container .head h1:has(.decorated), .slogan-section.storage .container .head h2:has(.decorated), .slogan-section.storage .container .head p:has(.decorated), .slogan-section.storage .ish--grid .head .heading-description:has(.decorated), .slogan-section.storage .ish--grid .head .heading-title:has(.decorated), .slogan-section.storage .ish--grid .head h1:has(.decorated), .slogan-section.storage .ish--grid .head h2:has(.decorated), .slogan-section.storage .ish--grid .head p:has(.decorated), .slogan-section.support .container .head .heading-description:has(.decorated), .slogan-section.support .container .head .heading-title:has(.decorated), .slogan-section.support .container .head h1:has(.decorated), .slogan-section.support .container .head h2:has(.decorated), .slogan-section.support .container .head p:has(.decorated), .slogan-section.support .ish--grid .head .heading-description:has(.decorated), .slogan-section.support .ish--grid .head .heading-title:has(.decorated), .slogan-section.support .ish--grid .head h1:has(.decorated), .slogan-section.support .ish--grid .head h2:has(.decorated), .slogan-section.support .ish--grid .head p:has(.decorated), .slogan-section.transfer-projects .container .head .heading-description:has(.decorated), .slogan-section.transfer-projects .container .head .heading-title:has(.decorated), .slogan-section.transfer-projects .container .head h1:has(.decorated), .slogan-section.transfer-projects .container .head h2:has(.decorated), .slogan-section.transfer-projects .container .head p:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-description:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-title:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h1:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h2:has(.decorated), .slogan-section.transfer-projects .ish--grid .head p:has(.decorated), .slogan-section.vds .container .head .heading-description:has(.decorated), .slogan-section.vds .container .head .heading-title:has(.decorated), .slogan-section.vds .container .head h1:has(.decorated), .slogan-section.vds .container .head h2:has(.decorated), .slogan-section.vds .container .head p:has(.decorated), .slogan-section.vds .ish--grid .head .heading-description:has(.decorated), .slogan-section.vds .ish--grid .head .heading-title:has(.decorated), .slogan-section.vds .ish--grid .head h1:has(.decorated), .slogan-section.vds .ish--grid .head h2:has(.decorated), .slogan-section.vds .ish--grid .head p:has(.decorated), .slogan-section.vpn .container .head .heading-description:has(.decorated), .slogan-section.vpn .container .head .heading-title:has(.decorated), .slogan-section.vpn .container .head h1:has(.decorated), .slogan-section.vpn .container .head h2:has(.decorated), .slogan-section.vpn .container .head p:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-description:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-title:has(.decorated), .slogan-section.vpn .ish--grid .head h1:has(.decorated), .slogan-section.vpn .ish--grid .head h2:has(.decorated), .slogan-section.vpn .ish--grid .head p:has(.decorated), .slogan-section.vps .container .head .heading-description:has(.decorated), .slogan-section.vps .container .head .heading-title:has(.decorated), .slogan-section.vps .container .head h1:has(.decorated), .slogan-section.vps .container .head h2:has(.decorated), .slogan-section.vps .container .head p:has(.decorated), .slogan-section.vps .ish--grid .head .heading-description:has(.decorated), .slogan-section.vps .ish--grid .head .heading-title:has(.decorated), .slogan-section.vps .ish--grid .head h1:has(.decorated), .slogan-section.vps .ish--grid .head h2:has(.decorated), .slogan-section.vps .ish--grid .head p:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .container .head p:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head p:has(.decorated) {
        width: 85%
    }
}

@media (max-width: 767.98px) {
    .slogan-section.about .container .head .heading-description:has(.decorated), .slogan-section.about .container .head .heading-title:has(.decorated), .slogan-section.about .container .head h1:has(.decorated), .slogan-section.about .container .head h2:has(.decorated), .slogan-section.about .container .head p:has(.decorated), .slogan-section.about .ish--grid .head .heading-description:has(.decorated), .slogan-section.about .ish--grid .head .heading-title:has(.decorated), .slogan-section.about .ish--grid .head h1:has(.decorated), .slogan-section.about .ish--grid .head h2:has(.decorated), .slogan-section.about .ish--grid .head p:has(.decorated), .slogan-section.affiliate .container .head .heading-description:has(.decorated), .slogan-section.affiliate .container .head .heading-title:has(.decorated), .slogan-section.affiliate .container .head h1:has(.decorated), .slogan-section.affiliate .container .head h2:has(.decorated), .slogan-section.affiliate .container .head p:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-description:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-title:has(.decorated), .slogan-section.affiliate .ish--grid .head h1:has(.decorated), .slogan-section.affiliate .ish--grid .head h2:has(.decorated), .slogan-section.affiliate .ish--grid .head p:has(.decorated), .slogan-section.api .container .head .heading-description:has(.decorated), .slogan-section.api .container .head .heading-title:has(.decorated), .slogan-section.api .container .head h1:has(.decorated), .slogan-section.api .container .head h2:has(.decorated), .slogan-section.api .container .head p:has(.decorated), .slogan-section.api .ish--grid .head .heading-description:has(.decorated), .slogan-section.api .ish--grid .head .heading-title:has(.decorated), .slogan-section.api .ish--grid .head h1:has(.decorated), .slogan-section.api .ish--grid .head h2:has(.decorated), .slogan-section.api .ish--grid .head p:has(.decorated), .slogan-section.cases .container .head .heading-description:has(.decorated), .slogan-section.cases .container .head .heading-title:has(.decorated), .slogan-section.cases .container .head h1:has(.decorated), .slogan-section.cases .container .head h2:has(.decorated), .slogan-section.cases .container .head p:has(.decorated), .slogan-section.cases .ish--grid .head .heading-description:has(.decorated), .slogan-section.cases .ish--grid .head .heading-title:has(.decorated), .slogan-section.cases .ish--grid .head h1:has(.decorated), .slogan-section.cases .ish--grid .head h2:has(.decorated), .slogan-section.cases .ish--grid .head p:has(.decorated), .slogan-section.datacenters .container .head .heading-description:has(.decorated), .slogan-section.datacenters .container .head .heading-title:has(.decorated), .slogan-section.datacenters .container .head h1:has(.decorated), .slogan-section.datacenters .container .head h2:has(.decorated), .slogan-section.datacenters .container .head p:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-description:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-title:has(.decorated), .slogan-section.datacenters .ish--grid .head h1:has(.decorated), .slogan-section.datacenters .ish--grid .head h2:has(.decorated), .slogan-section.datacenters .ish--grid .head p:has(.decorated), .slogan-section.error .container .head .heading-description:has(.decorated), .slogan-section.error .container .head .heading-title:has(.decorated), .slogan-section.error .container .head h1:has(.decorated), .slogan-section.error .container .head h2:has(.decorated), .slogan-section.error .container .head p:has(.decorated), .slogan-section.error .ish--grid .head .heading-description:has(.decorated), .slogan-section.error .ish--grid .head .heading-title:has(.decorated), .slogan-section.error .ish--grid .head h1:has(.decorated), .slogan-section.error .ish--grid .head h2:has(.decorated), .slogan-section.error .ish--grid .head p:has(.decorated), .slogan-section.payments-methods .container .head .heading-description:has(.decorated), .slogan-section.payments-methods .container .head .heading-title:has(.decorated), .slogan-section.payments-methods .container .head h1:has(.decorated), .slogan-section.payments-methods .container .head h2:has(.decorated), .slogan-section.payments-methods .container .head p:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-description:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-title:has(.decorated), .slogan-section.payments-methods .ish--grid .head h1:has(.decorated), .slogan-section.payments-methods .ish--grid .head h2:has(.decorated), .slogan-section.payments-methods .ish--grid .head p:has(.decorated), .slogan-section.special-offers .container .head .heading-description:has(.decorated), .slogan-section.special-offers .container .head .heading-title:has(.decorated), .slogan-section.special-offers .container .head h1:has(.decorated), .slogan-section.special-offers .container .head h2:has(.decorated), .slogan-section.special-offers .container .head p:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-description:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-title:has(.decorated), .slogan-section.special-offers .ish--grid .head h1:has(.decorated), .slogan-section.special-offers .ish--grid .head h2:has(.decorated), .slogan-section.special-offers .ish--grid .head p:has(.decorated), .slogan-section.speed-test .container .head .heading-description:has(.decorated), .slogan-section.speed-test .container .head .heading-title:has(.decorated), .slogan-section.speed-test .container .head h1:has(.decorated), .slogan-section.speed-test .container .head h2:has(.decorated), .slogan-section.speed-test .container .head p:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-description:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-title:has(.decorated), .slogan-section.speed-test .ish--grid .head h1:has(.decorated), .slogan-section.speed-test .ish--grid .head h2:has(.decorated), .slogan-section.speed-test .ish--grid .head p:has(.decorated), .slogan-section.storage .container .head .heading-description:has(.decorated), .slogan-section.storage .container .head .heading-title:has(.decorated), .slogan-section.storage .container .head h1:has(.decorated), .slogan-section.storage .container .head h2:has(.decorated), .slogan-section.storage .container .head p:has(.decorated), .slogan-section.storage .ish--grid .head .heading-description:has(.decorated), .slogan-section.storage .ish--grid .head .heading-title:has(.decorated), .slogan-section.storage .ish--grid .head h1:has(.decorated), .slogan-section.storage .ish--grid .head h2:has(.decorated), .slogan-section.storage .ish--grid .head p:has(.decorated), .slogan-section.support .container .head .heading-description:has(.decorated), .slogan-section.support .container .head .heading-title:has(.decorated), .slogan-section.support .container .head h1:has(.decorated), .slogan-section.support .container .head h2:has(.decorated), .slogan-section.support .container .head p:has(.decorated), .slogan-section.support .ish--grid .head .heading-description:has(.decorated), .slogan-section.support .ish--grid .head .heading-title:has(.decorated), .slogan-section.support .ish--grid .head h1:has(.decorated), .slogan-section.support .ish--grid .head h2:has(.decorated), .slogan-section.support .ish--grid .head p:has(.decorated), .slogan-section.transfer-projects .container .head .heading-description:has(.decorated), .slogan-section.transfer-projects .container .head .heading-title:has(.decorated), .slogan-section.transfer-projects .container .head h1:has(.decorated), .slogan-section.transfer-projects .container .head h2:has(.decorated), .slogan-section.transfer-projects .container .head p:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-description:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-title:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h1:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h2:has(.decorated), .slogan-section.transfer-projects .ish--grid .head p:has(.decorated), .slogan-section.vds .container .head .heading-description:has(.decorated), .slogan-section.vds .container .head .heading-title:has(.decorated), .slogan-section.vds .container .head h1:has(.decorated), .slogan-section.vds .container .head h2:has(.decorated), .slogan-section.vds .container .head p:has(.decorated), .slogan-section.vds .ish--grid .head .heading-description:has(.decorated), .slogan-section.vds .ish--grid .head .heading-title:has(.decorated), .slogan-section.vds .ish--grid .head h1:has(.decorated), .slogan-section.vds .ish--grid .head h2:has(.decorated), .slogan-section.vds .ish--grid .head p:has(.decorated), .slogan-section.vpn .container .head .heading-description:has(.decorated), .slogan-section.vpn .container .head .heading-title:has(.decorated), .slogan-section.vpn .container .head h1:has(.decorated), .slogan-section.vpn .container .head h2:has(.decorated), .slogan-section.vpn .container .head p:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-description:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-title:has(.decorated), .slogan-section.vpn .ish--grid .head h1:has(.decorated), .slogan-section.vpn .ish--grid .head h2:has(.decorated), .slogan-section.vpn .ish--grid .head p:has(.decorated), .slogan-section.vps .container .head .heading-description:has(.decorated), .slogan-section.vps .container .head .heading-title:has(.decorated), .slogan-section.vps .container .head h1:has(.decorated), .slogan-section.vps .container .head h2:has(.decorated), .slogan-section.vps .container .head p:has(.decorated), .slogan-section.vps .ish--grid .head .heading-description:has(.decorated), .slogan-section.vps .ish--grid .head .heading-title:has(.decorated), .slogan-section.vps .ish--grid .head h1:has(.decorated), .slogan-section.vps .ish--grid .head h2:has(.decorated), .slogan-section.vps .ish--grid .head p:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .container .head p:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head p:has(.decorated) {
        width: 100%
    }
}

.slogan-section.about .container .head .heading-description .decorated, .slogan-section.about .container .head .heading-title .decorated, .slogan-section.about .container .head h1 .decorated, .slogan-section.about .container .head h2 .decorated, .slogan-section.about .container .head p .decorated, .slogan-section.about .ish--grid .head .heading-description .decorated, .slogan-section.about .ish--grid .head .heading-title .decorated, .slogan-section.about .ish--grid .head h1 .decorated, .slogan-section.about .ish--grid .head h2 .decorated, .slogan-section.about .ish--grid .head p .decorated, .slogan-section.affiliate .container .head .heading-description .decorated, .slogan-section.affiliate .container .head .heading-title .decorated, .slogan-section.affiliate .container .head h1 .decorated, .slogan-section.affiliate .container .head h2 .decorated, .slogan-section.affiliate .container .head p .decorated, .slogan-section.affiliate .ish--grid .head .heading-description .decorated, .slogan-section.affiliate .ish--grid .head .heading-title .decorated, .slogan-section.affiliate .ish--grid .head h1 .decorated, .slogan-section.affiliate .ish--grid .head h2 .decorated, .slogan-section.affiliate .ish--grid .head p .decorated, .slogan-section.api .container .head .heading-description .decorated, .slogan-section.api .container .head .heading-title .decorated, .slogan-section.api .container .head h1 .decorated, .slogan-section.api .container .head h2 .decorated, .slogan-section.api .container .head p .decorated, .slogan-section.api .ish--grid .head .heading-description .decorated, .slogan-section.api .ish--grid .head .heading-title .decorated, .slogan-section.api .ish--grid .head h1 .decorated, .slogan-section.api .ish--grid .head h2 .decorated, .slogan-section.api .ish--grid .head p .decorated, .slogan-section.cases .container .head .heading-description .decorated, .slogan-section.cases .container .head .heading-title .decorated, .slogan-section.cases .container .head h1 .decorated, .slogan-section.cases .container .head h2 .decorated, .slogan-section.cases .container .head p .decorated, .slogan-section.cases .ish--grid .head .heading-description .decorated, .slogan-section.cases .ish--grid .head .heading-title .decorated, .slogan-section.cases .ish--grid .head h1 .decorated, .slogan-section.cases .ish--grid .head h2 .decorated, .slogan-section.cases .ish--grid .head p .decorated, .slogan-section.datacenters .container .head .heading-description .decorated, .slogan-section.datacenters .container .head .heading-title .decorated, .slogan-section.datacenters .container .head h1 .decorated, .slogan-section.datacenters .container .head h2 .decorated, .slogan-section.datacenters .container .head p .decorated, .slogan-section.datacenters .ish--grid .head .heading-description .decorated, .slogan-section.datacenters .ish--grid .head .heading-title .decorated, .slogan-section.datacenters .ish--grid .head h1 .decorated, .slogan-section.datacenters .ish--grid .head h2 .decorated, .slogan-section.datacenters .ish--grid .head p .decorated, .slogan-section.error .container .head .heading-description .decorated, .slogan-section.error .container .head .heading-title .decorated, .slogan-section.error .container .head h1 .decorated, .slogan-section.error .container .head h2 .decorated, .slogan-section.error .container .head p .decorated, .slogan-section.error .ish--grid .head .heading-description .decorated, .slogan-section.error .ish--grid .head .heading-title .decorated, .slogan-section.error .ish--grid .head h1 .decorated, .slogan-section.error .ish--grid .head h2 .decorated, .slogan-section.error .ish--grid .head p .decorated, .slogan-section.payments-methods .container .head .heading-description .decorated, .slogan-section.payments-methods .container .head .heading-title .decorated, .slogan-section.payments-methods .container .head h1 .decorated, .slogan-section.payments-methods .container .head h2 .decorated, .slogan-section.payments-methods .container .head p .decorated, .slogan-section.payments-methods .ish--grid .head .heading-description .decorated, .slogan-section.payments-methods .ish--grid .head .heading-title .decorated, .slogan-section.payments-methods .ish--grid .head h1 .decorated, .slogan-section.payments-methods .ish--grid .head h2 .decorated, .slogan-section.payments-methods .ish--grid .head p .decorated, .slogan-section.special-offers .container .head .heading-description .decorated, .slogan-section.special-offers .container .head .heading-title .decorated, .slogan-section.special-offers .container .head h1 .decorated, .slogan-section.special-offers .container .head h2 .decorated, .slogan-section.special-offers .container .head p .decorated, .slogan-section.special-offers .ish--grid .head .heading-description .decorated, .slogan-section.special-offers .ish--grid .head .heading-title .decorated, .slogan-section.special-offers .ish--grid .head h1 .decorated, .slogan-section.special-offers .ish--grid .head h2 .decorated, .slogan-section.special-offers .ish--grid .head p .decorated, .slogan-section.speed-test .container .head .heading-description .decorated, .slogan-section.speed-test .container .head .heading-title .decorated, .slogan-section.speed-test .container .head h1 .decorated, .slogan-section.speed-test .container .head h2 .decorated, .slogan-section.speed-test .container .head p .decorated, .slogan-section.speed-test .ish--grid .head .heading-description .decorated, .slogan-section.speed-test .ish--grid .head .heading-title .decorated, .slogan-section.speed-test .ish--grid .head h1 .decorated, .slogan-section.speed-test .ish--grid .head h2 .decorated, .slogan-section.speed-test .ish--grid .head p .decorated, .slogan-section.storage .container .head .heading-description .decorated, .slogan-section.storage .container .head .heading-title .decorated, .slogan-section.storage .container .head h1 .decorated, .slogan-section.storage .container .head h2 .decorated, .slogan-section.storage .container .head p .decorated, .slogan-section.storage .ish--grid .head .heading-description .decorated, .slogan-section.storage .ish--grid .head .heading-title .decorated, .slogan-section.storage .ish--grid .head h1 .decorated, .slogan-section.storage .ish--grid .head h2 .decorated, .slogan-section.storage .ish--grid .head p .decorated, .slogan-section.support .container .head .heading-description .decorated, .slogan-section.support .container .head .heading-title .decorated, .slogan-section.support .container .head h1 .decorated, .slogan-section.support .container .head h2 .decorated, .slogan-section.support .container .head p .decorated, .slogan-section.support .ish--grid .head .heading-description .decorated, .slogan-section.support .ish--grid .head .heading-title .decorated, .slogan-section.support .ish--grid .head h1 .decorated, .slogan-section.support .ish--grid .head h2 .decorated, .slogan-section.support .ish--grid .head p .decorated, .slogan-section.transfer-projects .container .head .heading-description .decorated, .slogan-section.transfer-projects .container .head .heading-title .decorated, .slogan-section.transfer-projects .container .head h1 .decorated, .slogan-section.transfer-projects .container .head h2 .decorated, .slogan-section.transfer-projects .container .head p .decorated, .slogan-section.transfer-projects .ish--grid .head .heading-description .decorated, .slogan-section.transfer-projects .ish--grid .head .heading-title .decorated, .slogan-section.transfer-projects .ish--grid .head h1 .decorated, .slogan-section.transfer-projects .ish--grid .head h2 .decorated, .slogan-section.transfer-projects .ish--grid .head p .decorated, .slogan-section.vds .container .head .heading-description .decorated, .slogan-section.vds .container .head .heading-title .decorated, .slogan-section.vds .container .head h1 .decorated, .slogan-section.vds .container .head h2 .decorated, .slogan-section.vds .container .head p .decorated, .slogan-section.vds .ish--grid .head .heading-description .decorated, .slogan-section.vds .ish--grid .head .heading-title .decorated, .slogan-section.vds .ish--grid .head h1 .decorated, .slogan-section.vds .ish--grid .head h2 .decorated, .slogan-section.vds .ish--grid .head p .decorated, .slogan-section.vpn .container .head .heading-description .decorated, .slogan-section.vpn .container .head .heading-title .decorated, .slogan-section.vpn .container .head h1 .decorated, .slogan-section.vpn .container .head h2 .decorated, .slogan-section.vpn .container .head p .decorated, .slogan-section.vpn .ish--grid .head .heading-description .decorated, .slogan-section.vpn .ish--grid .head .heading-title .decorated, .slogan-section.vpn .ish--grid .head h1 .decorated, .slogan-section.vpn .ish--grid .head h2 .decorated, .slogan-section.vpn .ish--grid .head p .decorated, .slogan-section.vps .container .head .heading-description .decorated, .slogan-section.vps .container .head .heading-title .decorated, .slogan-section.vps .container .head h1 .decorated, .slogan-section.vps .container .head h2 .decorated, .slogan-section.vps .container .head p .decorated, .slogan-section.vps .ish--grid .head .heading-description .decorated, .slogan-section.vps .ish--grid .head .heading-title .decorated, .slogan-section.vps .ish--grid .head h1 .decorated, .slogan-section.vps .ish--grid .head h2 .decorated, .slogan-section.vps .ish--grid .head p .decorated, .slogan-section.vulnerability-disclosure .container .head .heading-description .decorated, .slogan-section.vulnerability-disclosure .container .head .heading-title .decorated, .slogan-section.vulnerability-disclosure .container .head h1 .decorated, .slogan-section.vulnerability-disclosure .container .head h2 .decorated, .slogan-section.vulnerability-disclosure .container .head p .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head h1 .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head h2 .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head p .decorated {
    background: #fff;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding-right: 10px;
    padding-bottom: 2px
}

@media (max-width: 767.98px) {
    .slogan-section.about .container .head .heading-description .decorated, .slogan-section.about .container .head .heading-title .decorated, .slogan-section.about .container .head h1 .decorated, .slogan-section.about .container .head h2 .decorated, .slogan-section.about .container .head p .decorated, .slogan-section.about .ish--grid .head .heading-description .decorated, .slogan-section.about .ish--grid .head .heading-title .decorated, .slogan-section.about .ish--grid .head h1 .decorated, .slogan-section.about .ish--grid .head h2 .decorated, .slogan-section.about .ish--grid .head p .decorated, .slogan-section.affiliate .container .head .heading-description .decorated, .slogan-section.affiliate .container .head .heading-title .decorated, .slogan-section.affiliate .container .head h1 .decorated, .slogan-section.affiliate .container .head h2 .decorated, .slogan-section.affiliate .container .head p .decorated, .slogan-section.affiliate .ish--grid .head .heading-description .decorated, .slogan-section.affiliate .ish--grid .head .heading-title .decorated, .slogan-section.affiliate .ish--grid .head h1 .decorated, .slogan-section.affiliate .ish--grid .head h2 .decorated, .slogan-section.affiliate .ish--grid .head p .decorated, .slogan-section.api .container .head .heading-description .decorated, .slogan-section.api .container .head .heading-title .decorated, .slogan-section.api .container .head h1 .decorated, .slogan-section.api .container .head h2 .decorated, .slogan-section.api .container .head p .decorated, .slogan-section.api .ish--grid .head .heading-description .decorated, .slogan-section.api .ish--grid .head .heading-title .decorated, .slogan-section.api .ish--grid .head h1 .decorated, .slogan-section.api .ish--grid .head h2 .decorated, .slogan-section.api .ish--grid .head p .decorated, .slogan-section.cases .container .head .heading-description .decorated, .slogan-section.cases .container .head .heading-title .decorated, .slogan-section.cases .container .head h1 .decorated, .slogan-section.cases .container .head h2 .decorated, .slogan-section.cases .container .head p .decorated, .slogan-section.cases .ish--grid .head .heading-description .decorated, .slogan-section.cases .ish--grid .head .heading-title .decorated, .slogan-section.cases .ish--grid .head h1 .decorated, .slogan-section.cases .ish--grid .head h2 .decorated, .slogan-section.cases .ish--grid .head p .decorated, .slogan-section.datacenters .container .head .heading-description .decorated, .slogan-section.datacenters .container .head .heading-title .decorated, .slogan-section.datacenters .container .head h1 .decorated, .slogan-section.datacenters .container .head h2 .decorated, .slogan-section.datacenters .container .head p .decorated, .slogan-section.datacenters .ish--grid .head .heading-description .decorated, .slogan-section.datacenters .ish--grid .head .heading-title .decorated, .slogan-section.datacenters .ish--grid .head h1 .decorated, .slogan-section.datacenters .ish--grid .head h2 .decorated, .slogan-section.datacenters .ish--grid .head p .decorated, .slogan-section.error .container .head .heading-description .decorated, .slogan-section.error .container .head .heading-title .decorated, .slogan-section.error .container .head h1 .decorated, .slogan-section.error .container .head h2 .decorated, .slogan-section.error .container .head p .decorated, .slogan-section.error .ish--grid .head .heading-description .decorated, .slogan-section.error .ish--grid .head .heading-title .decorated, .slogan-section.error .ish--grid .head h1 .decorated, .slogan-section.error .ish--grid .head h2 .decorated, .slogan-section.error .ish--grid .head p .decorated, .slogan-section.payments-methods .container .head .heading-description .decorated, .slogan-section.payments-methods .container .head .heading-title .decorated, .slogan-section.payments-methods .container .head h1 .decorated, .slogan-section.payments-methods .container .head h2 .decorated, .slogan-section.payments-methods .container .head p .decorated, .slogan-section.payments-methods .ish--grid .head .heading-description .decorated, .slogan-section.payments-methods .ish--grid .head .heading-title .decorated, .slogan-section.payments-methods .ish--grid .head h1 .decorated, .slogan-section.payments-methods .ish--grid .head h2 .decorated, .slogan-section.payments-methods .ish--grid .head p .decorated, .slogan-section.special-offers .container .head .heading-description .decorated, .slogan-section.special-offers .container .head .heading-title .decorated, .slogan-section.special-offers .container .head h1 .decorated, .slogan-section.special-offers .container .head h2 .decorated, .slogan-section.special-offers .container .head p .decorated, .slogan-section.special-offers .ish--grid .head .heading-description .decorated, .slogan-section.special-offers .ish--grid .head .heading-title .decorated, .slogan-section.special-offers .ish--grid .head h1 .decorated, .slogan-section.special-offers .ish--grid .head h2 .decorated, .slogan-section.special-offers .ish--grid .head p .decorated, .slogan-section.speed-test .container .head .heading-description .decorated, .slogan-section.speed-test .container .head .heading-title .decorated, .slogan-section.speed-test .container .head h1 .decorated, .slogan-section.speed-test .container .head h2 .decorated, .slogan-section.speed-test .container .head p .decorated, .slogan-section.speed-test .ish--grid .head .heading-description .decorated, .slogan-section.speed-test .ish--grid .head .heading-title .decorated, .slogan-section.speed-test .ish--grid .head h1 .decorated, .slogan-section.speed-test .ish--grid .head h2 .decorated, .slogan-section.speed-test .ish--grid .head p .decorated, .slogan-section.storage .container .head .heading-description .decorated, .slogan-section.storage .container .head .heading-title .decorated, .slogan-section.storage .container .head h1 .decorated, .slogan-section.storage .container .head h2 .decorated, .slogan-section.storage .container .head p .decorated, .slogan-section.storage .ish--grid .head .heading-description .decorated, .slogan-section.storage .ish--grid .head .heading-title .decorated, .slogan-section.storage .ish--grid .head h1 .decorated, .slogan-section.storage .ish--grid .head h2 .decorated, .slogan-section.storage .ish--grid .head p .decorated, .slogan-section.support .container .head .heading-description .decorated, .slogan-section.support .container .head .heading-title .decorated, .slogan-section.support .container .head h1 .decorated, .slogan-section.support .container .head h2 .decorated, .slogan-section.support .container .head p .decorated, .slogan-section.support .ish--grid .head .heading-description .decorated, .slogan-section.support .ish--grid .head .heading-title .decorated, .slogan-section.support .ish--grid .head h1 .decorated, .slogan-section.support .ish--grid .head h2 .decorated, .slogan-section.support .ish--grid .head p .decorated, .slogan-section.transfer-projects .container .head .heading-description .decorated, .slogan-section.transfer-projects .container .head .heading-title .decorated, .slogan-section.transfer-projects .container .head h1 .decorated, .slogan-section.transfer-projects .container .head h2 .decorated, .slogan-section.transfer-projects .container .head p .decorated, .slogan-section.transfer-projects .ish--grid .head .heading-description .decorated, .slogan-section.transfer-projects .ish--grid .head .heading-title .decorated, .slogan-section.transfer-projects .ish--grid .head h1 .decorated, .slogan-section.transfer-projects .ish--grid .head h2 .decorated, .slogan-section.transfer-projects .ish--grid .head p .decorated, .slogan-section.vds .container .head .heading-description .decorated, .slogan-section.vds .container .head .heading-title .decorated, .slogan-section.vds .container .head h1 .decorated, .slogan-section.vds .container .head h2 .decorated, .slogan-section.vds .container .head p .decorated, .slogan-section.vds .ish--grid .head .heading-description .decorated, .slogan-section.vds .ish--grid .head .heading-title .decorated, .slogan-section.vds .ish--grid .head h1 .decorated, .slogan-section.vds .ish--grid .head h2 .decorated, .slogan-section.vds .ish--grid .head p .decorated, .slogan-section.vpn .container .head .heading-description .decorated, .slogan-section.vpn .container .head .heading-title .decorated, .slogan-section.vpn .container .head h1 .decorated, .slogan-section.vpn .container .head h2 .decorated, .slogan-section.vpn .container .head p .decorated, .slogan-section.vpn .ish--grid .head .heading-description .decorated, .slogan-section.vpn .ish--grid .head .heading-title .decorated, .slogan-section.vpn .ish--grid .head h1 .decorated, .slogan-section.vpn .ish--grid .head h2 .decorated, .slogan-section.vpn .ish--grid .head p .decorated, .slogan-section.vps .container .head .heading-description .decorated, .slogan-section.vps .container .head .heading-title .decorated, .slogan-section.vps .container .head h1 .decorated, .slogan-section.vps .container .head h2 .decorated, .slogan-section.vps .container .head p .decorated, .slogan-section.vps .ish--grid .head .heading-description .decorated, .slogan-section.vps .ish--grid .head .heading-title .decorated, .slogan-section.vps .ish--grid .head h1 .decorated, .slogan-section.vps .ish--grid .head h2 .decorated, .slogan-section.vps .ish--grid .head p .decorated, .slogan-section.vulnerability-disclosure .container .head .heading-description .decorated, .slogan-section.vulnerability-disclosure .container .head .heading-title .decorated, .slogan-section.vulnerability-disclosure .container .head h1 .decorated, .slogan-section.vulnerability-disclosure .container .head h2 .decorated, .slogan-section.vulnerability-disclosure .container .head p .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head h1 .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head h2 .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head p .decorated {
        background: unset;
        box-decoration-break: unset;
        -webkit-box-decoration-break: unset;
        padding-right: 0;
        padding-bottom: 0
    }
}

.slogan-section.about .image, .slogan-section.affiliate .image, .slogan-section.api .image, .slogan-section.cases .image, .slogan-section.datacenters .image, .slogan-section.error .image, .slogan-section.payments-methods .image, .slogan-section.special-offers .image, .slogan-section.speed-test .image, .slogan-section.storage .image, .slogan-section.support .image, .slogan-section.transfer-projects .image, .slogan-section.vds .image, .slogan-section.vpn .image, .slogan-section.vps .image, .slogan-section.vulnerability-disclosure .image {
    position: absolute;
    width: 50%;
    left: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center left;
    margin-left: 20px
}

.slogan-section.about .image.flag, .slogan-section.affiliate .image.flag, .slogan-section.api .image.flag, .slogan-section.cases .image.flag, .slogan-section.datacenters .image.flag, .slogan-section.error .image.flag, .slogan-section.payments-methods .image.flag, .slogan-section.special-offers .image.flag, .slogan-section.speed-test .image.flag, .slogan-section.storage .image.flag, .slogan-section.support .image.flag, .slogan-section.transfer-projects .image.flag, .slogan-section.vds .image.flag, .slogan-section.vpn .image.flag, .slogan-section.vps .image.flag, .slogan-section.vulnerability-disclosure .image.flag {
    background-size: auto
}

@media (max-width: 991.98px) {
    .slogan-section.about .image, .slogan-section.affiliate .image, .slogan-section.api .image, .slogan-section.cases .image, .slogan-section.datacenters .image, .slogan-section.error .image, .slogan-section.payments-methods .image, .slogan-section.special-offers .image, .slogan-section.speed-test .image, .slogan-section.storage .image, .slogan-section.support .image, .slogan-section.transfer-projects .image, .slogan-section.vds .image, .slogan-section.vpn .image, .slogan-section.vps .image, .slogan-section.vulnerability-disclosure .image {
        left: 65%
    }
}

@media (max-width: 767.98px) {
    .slogan-section.about .image, .slogan-section.affiliate .image, .slogan-section.api .image, .slogan-section.cases .image, .slogan-section.datacenters .image, .slogan-section.error .image, .slogan-section.payments-methods .image, .slogan-section.special-offers .image, .slogan-section.speed-test .image, .slogan-section.storage .image, .slogan-section.support .image, .slogan-section.transfer-projects .image, .slogan-section.vds .image, .slogan-section.vpn .image, .slogan-section.vps .image, .slogan-section.vulnerability-disclosure .image {
        display: none
    }
}

.slogan-section.about .image .flag-container, .slogan-section.affiliate .image .flag-container, .slogan-section.api .image .flag-container, .slogan-section.cases .image .flag-container, .slogan-section.datacenters .image .flag-container, .slogan-section.error .image .flag-container, .slogan-section.payments-methods .image .flag-container, .slogan-section.special-offers .image .flag-container, .slogan-section.speed-test .image .flag-container, .slogan-section.storage .image .flag-container, .slogan-section.support .image .flag-container, .slogan-section.transfer-projects .image .flag-container, .slogan-section.vds .image .flag-container, .slogan-section.vpn .image .flag-container, .slogan-section.vps .image .flag-container, .slogan-section.vulnerability-disclosure .image .flag-container {
    position: relative;
    width: 100%;
    height: 100%
}

.slogan-section.about .image .fi, .slogan-section.affiliate .image .fi, .slogan-section.api .image .fi, .slogan-section.cases .image .fi, .slogan-section.datacenters .image .fi, .slogan-section.error .image .fi, .slogan-section.payments-methods .image .fi, .slogan-section.special-offers .image .fi, .slogan-section.speed-test .image .fi, .slogan-section.storage .image .fi, .slogan-section.support .image .fi, .slogan-section.transfer-projects .image .fi, .slogan-section.vds .image .fi, .slogan-section.vpn .image .fi, .slogan-section.vps .image .fi, .slogan-section.vulnerability-disclosure .image .fi {
    position: absolute;
    height: 190px;
    width: 250px;
    top: 42%;
    left: 112px;
    transform: translateY(-50%) rotate(26.5deg);
    background-size: cover
}

.slogan-section.about .image .fi.fi-sg, .slogan-section.affiliate .image .fi.fi-sg, .slogan-section.api .image .fi.fi-sg, .slogan-section.cases .image .fi.fi-sg, .slogan-section.datacenters .image .fi.fi-sg, .slogan-section.error .image .fi.fi-sg, .slogan-section.payments-methods .image .fi.fi-sg, .slogan-section.special-offers .image .fi.fi-sg, .slogan-section.speed-test .image .fi.fi-sg, .slogan-section.storage .image .fi.fi-sg, .slogan-section.support .image .fi.fi-sg, .slogan-section.transfer-projects .image .fi.fi-sg, .slogan-section.vds .image .fi.fi-sg, .slogan-section.vpn .image .fi.fi-sg, .slogan-section.vps .image .fi.fi-sg, .slogan-section.vulnerability-disclosure .image .fi.fi-sg {
    background-position: initial
}

.slogan-section.affiliate .controls button {
    display: flex;
    justify-content: center;
    align-items: center
}

.slogan-section.order .image {
    background-size: 100% auto;
    background-position: center
}

.slogan-section.special-offers .image {
}

.slogan-section.special-offers .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.special-offers .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.special-offers .head {
        padding: 20px 0
    }
}

.slogan-section.datacenters .image {
}

.slogan-section.datacenters .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.datacenters .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.datacenters .head {
        padding: 20px 0
    }
}

.slogan-section.affiliate .image {
}

.slogan-section.affiliate .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.affiliate .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.affiliate .head {
        padding: 20px 0
    }
}

.slogan-section.error .image {
}

.slogan-section.error .head {
    padding: 100px 0 100px
}

@media (max-width: 767.98px) {
    .slogan-section.error .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.error .head {
        padding: 20px 0
    }
}

.slogan-section.vulnerability-disclosure .image {
}

.slogan-section.vulnerability-disclosure .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.vulnerability-disclosure .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.vulnerability-disclosure .head {
        padding: 20px 0
    }
}

.slogan-section.vps .image {
}

.slogan-section.vps .image.flag {
}

.slogan-section.vps .image.flag .fi {
    top: 50%
}

.slogan-section.vps .image.linux {
}

.slogan-section.vps .image.windows {
}

.slogan-section.vps .image.macos {
}

.slogan-section.vps .image.vps-for-forex {
}

.slogan-section.vps .image.mt4-vps {
}

.slogan-section.vps .image.buy-vps-with-bitcoin {
}

.slogan-section.vps .image.asia {
}

.slogan-section.vps .image.managed-server {
}

.slogan-section.vps .image.unmanaged-server {
}

.slogan-section.vps .image.mikrotik {
}

.slogan-section.vps .image.rdp {
}

.slogan-section.vps .image.ispmanager {
}

.slogan-section.vps .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.vps .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.vps .head {
        padding: 20px 0
    }
}



.slogan-section.vds .image.flag .fi {
    top: 50%
}

.slogan-section.vds .head {
    padding: 30px 0 75px 0
}

@media (max-width: 991.98px) {
    .slogan-section.vds .head {
        padding-right: 40px
    }
}

@media (max-width: 767.98px) {
    .slogan-section.vds .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.vds .head {
        padding: 20px 0
    }
}



.slogan-section.storage .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.storage .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.storage .head {
        padding: 20px 0
    }
}


.slogan-section.vpn .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.vpn .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.vpn .head {
        padding: 20px 0
    }
}



.slogan-section.speed-test .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.speed-test .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.speed-test .head {
        padding: 20px 0
    }
}



.slogan-section.api .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.api .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.api .head {
        padding: 20px 0
    }
}



.slogan-section.payments-methods .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.payments-methods .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.payments-methods .head {
        padding: 20px 0
    }
}


.slogan-section.transfer-projects .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.transfer-projects .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.transfer-projects .head {
        padding: 20px 0
    }
}



.slogan-section.about .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.about .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.about .head {
        padding: 20px 0
    }
}

.slogan-section.cases .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.cases .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.cases .head {
        padding: 20px 0
    }
}



.slogan-section.support .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.support .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.support .head {
        padding: 20px 0
    }
}

.slogan-section.static {
    background-color: #fff
}

.slogan-section.static .container, .slogan-section.static .ish--grid {
    padding-top: 30px;
    padding-bottom: 75px
}

.slogan-section.static .container nav, .slogan-section.static .ish--grid nav {
    margin-bottom: 30px
}

@media (max-width: 575.98px) {
    .slogan-section.static .container, .slogan-section.static .ish--grid {
        padding-top: 20px;
        padding-bottom: 40px
    }
}

.static-article-section .container, .static-article-section .ish--grid {
    padding-top: 30px;
    padding-bottom: 40px
}

@media screen and (min-width: 768px) {
    .static-article-section .container, .static-article-section .ish--grid {
        padding-top: 60px;
        padding-bottom: 65px
    }
}

.static-article-section .ish--content h3 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.4285714286rem;
    line-height: 1.7142857143rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    .static-article-section .ish--content h3 {
        font-size: 1.2857142857rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .static-article-section .ish--content h3 {
        font-size: 1.1428571429rem;
        line-height: 1.4285714286rem
    }
}

.static-article-section .ish--content h4 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.2857142857rem;
    line-height: 1.22;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    font-style: normal;
    margin-bottom: 30px
}

.static-article-section .ish--content h5 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.2857142857rem;
    line-height: 1.22;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    font-style: normal;
    margin-bottom: 30px
}

.static-article-section .ish--content a {
    color: #369;
    transition: color .3s
}

.static-article-section .ish--content a:hover {
    color: #1f5080
}

.static-article-section .ish--content p {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    margin-bottom: 30px
}

.static-article-section .ish--content p:last-child {
    margin-bottom: 0
}

.static-article-section .ish--content b {
    font-weight: 600
}

.static-article-section .ish--content figure, .static-article-section .ish--content table, .static-article-section .ish--content ul {
    margin: 15px 0 30px
}

.static-article-section .ish--content figure img, .static-article-section .ish--content figure p {
    margin-bottom: 0;
    display: flex
}

.static-article-section .ish--content figure img {
    max-width: 100%;
    height: auto;
    width: auto
}

.static-article-section .ish--content figure figcaption {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    padding: 10px 15px;
    background-color: #fff;
    margin-bottom: 30px
}

.static-article-section .ish--content ol {
    padding: 0;
    margin-bottom: 30px
}

.static-article-section .ish--content ol li {
    padding-left: 30px;
    margin-bottom: 10px;
    text-indent: 0;
    list-style-type: none;
    counter-increment: counter-item;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747
}

.static-article-section .ish--content ol li::before {
    padding-right: 15px;
    margin-left: -30px;
    display: inline-block;
    width: 1em;
    font-weight: 700;
    text-align: right;
    content: counter(counter-item) "."
}

.static-article-section .ish--content ol li figure {
    margin-top: 20px
}

.static-article-section .ish--content ul {
    list-style: none
}

.static-article-section .ish--content ul li {
    margin-bottom: 10px;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    padding: 0 0 0 30px
}

.static-article-section .ish--content table td {
    padding: 10px;
    background: #fff
}

.static-article-section .ish--content table th {
    padding: 10px
}

.static-article-section .ish--content table caption {
    text-align: left
}

.static-article-section .ish--content hr {
    margin: 20px 0
}

.static-article-section .ish--content dl {
    margin-bottom: 30px
}

.static-article-section .ish--content dl dt {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20
}

.static-article-section .ish--content dl dd {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    margin-left: 40px;
    margin-bottom: 5px
}

@media screen and (max-width: 991.98px) {
    .static-article-section .ish--content img {
        width: 100%
    }

    .static-article-section .ish--content dl dd {
        margin-left: 20px
    }
}

.home-page .strengths-section {
    padding-bottom: 30px
}

.home-page .strengths-section .advantages-head .head {
    display: flex;
    flex-direction: column
}

@media (max-width: 991.98px) {
    .home-page .strengths-section .advantages.locations {
        margin-bottom: 40px
    }
}

@media (max-width: 767.98px) {
    .home-page .strengths-section .advantages.locations {
        margin-bottom: 20px
    }
}

@media (max-width: 575.98px) {
    .home-page .strengths-section .advantages.locations .advantages-head {
        padding: 0 0 20px
    }

    .home-page .strengths-section .advantages.locations .advantages-head .head {
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px
    }

    .home-page .strengths-section .advantages.locations .advantages-head .head i {
        margin-bottom: 0;
        margin-right: 20px
    }

    .home-page .strengths-section .advantages.locations .advantages-head .head h2 {
        margin-bottom: 0
    }
}

@media (max-width: 575.98px) {
    .home-page .strengths-section {
        padding-bottom: 20px
    }
}

.home-page .benefits-section ul {
    list-style: none;
    padding: 0 20px 20px
}

.home-page .info-group, .home-page .partners-section, .home-page .plans-section, .home-page .section-separator, .home-page .server-transfer-section, .home-page .strengths-section, .home-page .subscribe-section {
    color: #231f20;
    background-color: #f7f7f7
}

.home-page .section-separator.dark {
    background-color: #231f20
}

.home-page .services-plans-group {
    color: #fff;
    background-color: #f5f5f5;
}

.homepage-main-section {
    background-color: #fff;
    overflow: hidden;
    position: relative
}

.homepage-main-section .container, .homepage-main-section .ish--grid {
    padding-left: 60px
}

@media (max-width: 991.98px) {
    .homepage-main-section .container, .homepage-main-section .ish--grid {
        padding-left: 40px
    }
}

@media (max-width: 767.98px) {
    .homepage-main-section .container, .homepage-main-section .ish--grid {
        padding-right: 40px
    }
}

@media (max-width: 575.98px) {
    .homepage-main-section .container, .homepage-main-section .ish--grid {
        padding-left: 20px;
        padding-right: 20px
    }
}

.homepage-main-section .head {
    padding: 100px 0
}

@media (max-width: 767.98px) {
    .homepage-main-section .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .homepage-main-section .head {
        padding: 20px 0
    }
}

@media (max-width: 575.98px) {
    .homepage-main-section .advantages.locations .advantages-head {
        padding: 0 0 20px
    }
}

.homepage-main-section .title {
    line-height: 1.2;
    margin: 0 0 20px
}

.homepage-main-section .description {
    font-style: normal;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-weight: 400;
    font-size: 1.5714285714rem;
    line-height: 2.1428571429rem;
    color: #474747;
    margin-bottom: 45px
}

@media (max-width: 767.98px) {
    .homepage-main-section .description {
        font-size: 1.2857142857rem;
        line-height: 1.8571428571rem;
        margin-bottom: 40px
    }
}

@media (max-width: 575.98px) {
    .homepage-main-section .description {
        font-size: 1.1428571429rem;
        line-height: 1.5714285714rem;
        margin-bottom: 30px
    }
}

.homepage-main-section .controls {
    display: flex;
    flex-direction: row
}

.homepage-main-section .controls a {
    display: flex;
    justify-content: center;
    align-items: center
}

.homepage-main-section .controls .vps {
    margin-right: 5px
}

.homepage-main-section .controls .vds {
    margin-right: 30px
}

@media (max-width: 767.98px) {
    .homepage-main-section .controls {
        flex-wrap: wrap
    }

    .homepage-main-section .controls .special, .homepage-main-section .controls .vds, .homepage-main-section .controls .vps {
        width: 100%
    }

    .homepage-main-section .controls .vds, .homepage-main-section .controls .vps {
        margin-right: 0
    }

    .homepage-main-section .controls .special, .homepage-main-section .controls .vds {
        margin-top: 5px
    }

    .homepage-main-section .controls .arrow:before {
        content: none
    }
}

.homepage-main-section .container, .homepage-main-section .ish--grid {
    display: flex;
    align-items: center
}

.homepage-main-section .container .head, .homepage-main-section .ish--grid .head {
    z-index: 1;
    width: 50%;
    display: flex;
    flex-direction: column
}

@media (max-width: 991.98px) {
    .homepage-main-section .container .head, .homepage-main-section .ish--grid .head {
        width: 65%
    }
}

@media (max-width: 767.98px) {
    .homepage-main-section .container .head, .homepage-main-section .ish--grid .head {
        width: 100%
    }
}

.homepage-main-section .image {
    position: absolute;
    width: 100%;
    /*left: 50%;*/
    height: 100%;
    display: flex;
    justify-content: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-image: url("./image/bg.png");
}

/*@media (max-width: 991.98px) {*/
/*    .homepage-main-section .image {*/
/*        left: 65%*/
/*    }*/
/*}*/

/*@media (max-width: 767.98px) {*/
/*    .homepage-main-section .image {*/
/*        display: none*/
/*    }*/
/*}*/

.birthday-page .base-content {
    position: relative;
    overflow: hidden
}

.birthday-page .base-content .noise {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    filter: hue-rotate(90deg);
    z-index: 2;
    pointer-events: none
}

.birthday-page .birthday-promo-animation {
    position: relative;
    width: 240px !important;
    height: 240px !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.birthday-page .birthday-promo-animation .fade-slide-enter-active {
    transition: opacity .25s ease-in-out .25s, transform .25s ease-in-out .25s
}

.birthday-page .birthday-promo-animation .fade-slide-leave-active {
    transition: opacity .25s ease-in-out, transform .25s ease-in-out
}

.birthday-page .birthday-promo-animation .fade-slide-enter-from {
    opacity: 0;
    transform: translateY(20px)
}

.birthday-page .birthday-promo-animation .fade-slide-enter-to, .birthday-page .birthday-promo-animation .fade-slide-leave-from {
    opacity: 1;
    transform: translateY(0)
}

.birthday-page .birthday-promo-animation .fade-slide-leave-to {
    opacity: 0;
    transform: translateY(-20px)
}

.birthday-page .birthday-promo-animation .step-text {
    max-width: 150px;
    word-break: break-word;
    color: #474747;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center
}

@media (max-width: 575.98px) {
    .birthday-page .birthday-promo-animation .step-text {
        font-size: 14px;
        line-height: 22px
    }
}

.birthday-page .birthday-promo-animation .tick {
    position: absolute;
    width: 4px !important;
    height: 30px;
    background: red;
    top: 0;
    left: 50%;
    border-radius: 5px;
    transform-origin: center 120px;
    transform: translate(-50%, 0) rotate(calc(15deg * var(--i)))
}

.birthday-page .birthday-promo-animation .tick:nth-child(1) {
    --i: 0;
    animation: tickAnimation0 3.6s linear infinite
}

@keyframes tickAnimation0 {
    0% {
        background: rgba(35, 31, 32, .05)
    }
    0.1%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(2) {
    --i: 1;
    animation: tickAnimation1 3.6s linear infinite
}

@keyframes tickAnimation1 {
    0%, 4.1666666667% {
        background: rgba(35, 31, 32, .05)
    }
    4.2666666667%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(3) {
    --i: 2;
    animation: tickAnimation2 3.6s linear infinite
}

@keyframes tickAnimation2 {
    0%, 8.3333333333% {
        background: rgba(35, 31, 32, .05)
    }
    8.4333333333%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(4) {
    --i: 3;
    animation: tickAnimation3 3.6s linear infinite
}

@keyframes tickAnimation3 {
    0%, 12.5% {
        background: rgba(35, 31, 32, .05)
    }
    12.6%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(5) {
    --i: 4;
    animation: tickAnimation4 3.6s linear infinite
}

@keyframes tickAnimation4 {
    0%, 16.6666666667% {
        background: rgba(35, 31, 32, .05)
    }
    16.7666666667%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(6) {
    --i: 5;
    animation: tickAnimation5 3.6s linear infinite
}

@keyframes tickAnimation5 {
    0%, 20.8333333333% {
        background: rgba(35, 31, 32, .05)
    }
    20.9333333333%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(7) {
    --i: 6;
    animation: tickAnimation6 3.6s linear infinite
}

@keyframes tickAnimation6 {
    0%, 25% {
        background: rgba(35, 31, 32, .05)
    }
    25.1%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(8) {
    --i: 7;
    animation: tickAnimation7 3.6s linear infinite
}

@keyframes tickAnimation7 {
    0%, 29.1666666667% {
        background: rgba(35, 31, 32, .05)
    }
    29.2666666667%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(9) {
    --i: 8;
    animation: tickAnimation8 3.6s linear infinite
}

@keyframes tickAnimation8 {
    0%, 33.3333333333% {
        background: rgba(35, 31, 32, .05)
    }
    33.4333333333%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(10) {
    --i: 9;
    animation: tickAnimation9 3.6s linear infinite
}

@keyframes tickAnimation9 {
    0%, 37.5% {
        background: rgba(35, 31, 32, .05)
    }
    37.6%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(11) {
    --i: 10;
    animation: tickAnimation10 3.6s linear infinite
}

@keyframes tickAnimation10 {
    0%, 41.6666666667% {
        background: rgba(35, 31, 32, .05)
    }
    41.7666666667%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(12) {
    --i: 11;
    animation: tickAnimation11 3.6s linear infinite
}

@keyframes tickAnimation11 {
    0%, 45.8333333333% {
        background: rgba(35, 31, 32, .05)
    }
    45.9333333333%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(13) {
    --i: 12;
    animation: tickAnimation12 3.6s linear infinite
}

@keyframes tickAnimation12 {
    0%, 50% {
        background: rgba(35, 31, 32, .05)
    }
    50.1%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(14) {
    --i: 13;
    animation: tickAnimation13 3.6s linear infinite
}

@keyframes tickAnimation13 {
    0%, 54.1666666667% {
        background: rgba(35, 31, 32, .05)
    }
    54.2666666667%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(15) {
    --i: 14;
    animation: tickAnimation14 3.6s linear infinite
}

@keyframes tickAnimation14 {
    0%, 58.3333333333% {
        background: rgba(35, 31, 32, .05)
    }
    58.4333333333%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(16) {
    --i: 15;
    animation: tickAnimation15 3.6s linear infinite
}

@keyframes tickAnimation15 {
    0%, 62.5% {
        background: rgba(35, 31, 32, .05)
    }
    62.6%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(17) {
    --i: 16;
    animation: tickAnimation16 3.6s linear infinite
}

@keyframes tickAnimation16 {
    0%, 66.6666666667% {
        background: rgba(35, 31, 32, .05)
    }
    66.7666666667%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(18) {
    --i: 17;
    animation: tickAnimation17 3.6s linear infinite
}

@keyframes tickAnimation17 {
    0%, 70.8333333333% {
        background: rgba(35, 31, 32, .05)
    }
    70.9333333333%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(19) {
    --i: 18;
    animation: tickAnimation18 3.6s linear infinite
}

@keyframes tickAnimation18 {
    0%, 75% {
        background: rgba(35, 31, 32, .05)
    }
    75.1%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(20) {
    --i: 19;
    animation: tickAnimation19 3.6s linear infinite
}

@keyframes tickAnimation19 {
    0%, 79.1666666667% {
        background: rgba(35, 31, 32, .05)
    }
    79.2666666667%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(21) {
    --i: 20;
    animation: tickAnimation20 3.6s linear infinite
}

@keyframes tickAnimation20 {
    0%, 83.3333333333% {
        background: rgba(35, 31, 32, .05)
    }
    83.4333333333%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(22) {
    --i: 21;
    animation: tickAnimation21 3.6s linear infinite
}

@keyframes tickAnimation21 {
    0%, 87.5% {
        background: rgba(35, 31, 32, .05)
    }
    87.6%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(23) {
    --i: 22;
    animation: tickAnimation22 3.6s linear infinite
}

@keyframes tickAnimation22 {
    0%, 91.6666666667% {
        background: rgba(35, 31, 32, .05)
    }
    91.7666666667%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-promo-animation .tick:nth-child(24) {
    --i: 23;
    animation: tickAnimation23 3.6s linear infinite
}

@keyframes tickAnimation23 {
    0%, 95.8333333333% {
        background: rgba(35, 31, 32, .05)
    }
    95.9333333333%, 99.9% {
        background: #0938de
    }
    100% {
        background: rgba(35, 31, 32, .05)
    }
}

.birthday-page .birthday-slogan-section {
    position: relative;
    height: 516px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.birthday-page .birthday-slogan-section:before {
    z-index: -1;
    position: absolute;
    content: "";
    top: 0;
    height: 100%;
    width: 100%;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1199.98px) {
    .birthday-page .birthday-slogan-section:before {
        background-size: auto 100%
    }
}

.birthday-page .birthday-slogan-section .container, .birthday-page .birthday-slogan-section .ish--grid {
    padding: 30px
}

@media (max-width: 767.98px) {
    .birthday-page .birthday-slogan-section {
        height: 460px
    }
}

@media (max-width: 575.98px) {
    .birthday-page .birthday-slogan-section {
        height: 360px;
        background-position: center bottom
    }
}

.birthday-page .ish--row, .birthday-page .row {
    margin: -.5px
}

.birthday-page .ish--row [class^=col-], .birthday-page .row [class^=col-] {
    padding: .5px
}

.birthday-page .promo-info-item {
    padding: 30px;
    background-color: #fff;
    height: 100%
}

.birthday-page .promo-info-item h2 {
    margin-bottom: 20px
}

.birthday-page .promo-info-item p {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal;
    color: #474747;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif
}

@media (max-width: 575.98px) {
    .birthday-page .promo-info-item p {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.birthday-page .promo-info-item i {
    display: block;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    margin-bottom: 20px
}





@media screen and (max-width: 767.98px) {
    .birthday-page .promo-info-item {
        padding: 20px
    }
}

.birthday-page .expertise-item {
    height: 100%;
    padding: 20px 30px 30px;
    background-color: #fff
}

.birthday-page .expertise-item .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 2.8571428571rem;
    line-height: 3.4285714286rem;
    color: #231f20
}

@media screen and (max-width: 767.98px) {
    .birthday-page .expertise-item .title {
        font-size: 36px;
        line-height: 42px
    }
}

@media screen and (max-width: 575.98px) {
    .birthday-page .expertise-item .title {
        font-size: 20px;
        line-height: 20px
    }
}

.birthday-page .expertise-item p {
    font-style: normal;
    font-weight: 500;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal;
    color: #474747;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif
}

@media (max-width: 575.98px) {
    .birthday-page .expertise-item p {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .birthday-page .expertise-item p {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width: 575.98px) {
    .birthday-page .expertise-item {
        padding: 20px
    }
}

.birthday-page .expertise .col-12 .expertise-item {
    padding: 30px 30px 20px
}

.birthday-page .social-networks {
    margin-top: 30px
}

.birthday-page .social-networks .ish--row, .birthday-page .social-networks .row {
    margin: -.5px
}

.birthday-page .social-networks .ish--row [class^=col-], .birthday-page .social-networks .row [class^=col-] {
    padding: .5px
}

.birthday-page .social-networks .head {
    background-color: #fff;
    padding: 30px 30px 20px;
    margin-bottom: 1px
}

.birthday-page .social-networks .head .title {
    margin-bottom: 0
}

.birthday-page .social-networks .data .network {
    height: 100%;
    width: 100%;
    padding: 20px 30px 30px;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #474747;
    transition: all .15s ease-in-out 0s
}

.birthday-page .social-networks .data .network svg {
    margin-right: 15px
}

.birthday-page .social-networks .data .network svg path {
    transition: all .15s ease-in-out 0s
}

.birthday-page .social-networks .data .network:hover {
    background-color: rgba(255, 255, 255, .9);
    color: #1f5080
}

.birthday-page .social-networks .data .network:hover svg > path:first-child, .birthday-page .social-networks .data .network:hover svg > rect:first-child {
    fill: #1f5080
}

@media (max-width: 575.98px) {
    .birthday-page .social-networks {
        margin-top: 20px
    }

    .birthday-page .social-networks .head {
        padding: 20px
    }

    .birthday-page .social-networks .data .network {
        padding: 20px
    }
}

.birthday-page .birthday-mechanics-section {
    padding: 40px 0
}

.birthday-page .birthday-mechanics-section .title {
    text-align: center
}

.birthday-page .birthday-mechanics-section .description {
    color: #474747;
    text-align: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px
}

@media screen and (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .description {
        font-size: 18px;
        line-height: 26px
    }
}

@media screen and (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .description {
        font-size: 16px;
        line-height: 24px
    }
}

.birthday-page .birthday-mechanics-section .text {
    color: #474747;
    text-align: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px
}

@media screen and (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .text {
        font-size: 18px;
        line-height: 26px
    }
}

@media screen and (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .text {
        font-size: 16px;
        line-height: 24px
    }
}

.birthday-page .birthday-mechanics-section .claim-card .title, .birthday-page .birthday-mechanics-section .promo-card .title {
    text-align: start;
    color: #474747;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

@media (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .claim-card .title, .birthday-page .birthday-mechanics-section .promo-card .title {
        font-size: 22px;
        line-height: 22px
    }
}

@media (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .claim-card .title, .birthday-page .birthday-mechanics-section .promo-card .title {
        font-size: 20px;
        line-height: 20px
    }
}

.birthday-page .birthday-mechanics-section .claim-card .text, .birthday-page .birthday-mechanics-section .promo-card .text {
    color: #231f20;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

@media (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .claim-card .text, .birthday-page .birthday-mechanics-section .promo-card .text {
        font-size: 14px;
        line-height: 22px
    }
}

.birthday-page .birthday-mechanics-section .reward-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    max-width: 760px
}

.birthday-page .birthday-mechanics-section .reward-block .ish--btn {
    margin-top: 20px
}

.birthday-page .birthday-mechanics-section .reward-block .title {
    margin: 0
}

.birthday-page .birthday-mechanics-section .reward-block .reward-amount {
    color: #231f20;
    text-align: center;
    text-shadow: 0 5px 0 #fff;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 108px;
    font-style: normal;
    font-weight: 900;
    line-height: 108px;
    margin: 0;
    position: relative
}

@media (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .reward-block .reward-amount {
        font-size: 52px;
        line-height: 56px
    }
}

.birthday-page .birthday-mechanics-section .reward-block .reward-amount .confetti {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%);
    height: 700px;
    width: 700px
}

@media screen and (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .reward-block .reward-amount .confetti {
        height: 500px;
        width: 500px
    }
}

@media screen and (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .reward-block .reward-amount .confetti {
        height: 340px;
        width: 340px
    }
}

.birthday-page .birthday-mechanics-section .reward-block .badge {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    color: #048930;
    text-align: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px
}

.birthday-page .birthday-mechanics-section .reward-block .badge svg {
    margin-right: 5px
}

.birthday-page .birthday-mechanics-section .reward-block .description {
    margin: 30px 0 20px
}

.birthday-page .birthday-mechanics-section .reward-block .ish--row, .birthday-page .birthday-mechanics-section .reward-block .row {
    width: 100%
}

.birthday-page .birthday-mechanics-section .reward-block .promo-card {
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 100%;
    padding: 30px;
    border-radius: 2px;
    border: 1px solid #fff;
    background: linear-gradient(124deg, rgba(255, 255, 255, .8) 3.55%, rgba(255, 255, 255, .3) 57.22%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06)
}

.birthday-page .birthday-mechanics-section .reward-block .promo-card .info {
    display: flex;
    flex-direction: column;
    align-items: start
}

.birthday-page .birthday-mechanics-section .reward-block .promo-card svg {
    margin-bottom: 20px
}

.birthday-page .birthday-mechanics-section .reward-block .promo-card .text {
    margin-bottom: 10px
}

.birthday-page .birthday-mechanics-section .reward-block .promo-card .ish--btn {
    align-self: flex-start;
    margin-top: 20px
}

.birthday-page .birthday-mechanics-section .reward-block .promo-card.total {
    border: none;
    border-radius: 2px;
    background: #0938de;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06)
}

@media screen and (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .reward-block .promo-card {
        padding: 20px;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between
    }

    .birthday-page .birthday-mechanics-section .reward-block .promo-card svg {
        margin-bottom: 0
    }

    .birthday-page .birthday-mechanics-section .reward-block .promo-card.total {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

.birthday-page .birthday-mechanics-section .new-user-promo {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    max-width: 760px
}

.birthday-page .birthday-mechanics-section .new-user-promo .title {
    margin: 0;
    text-align: center
}

.birthday-page .birthday-mechanics-section .new-user-promo .promo {
    color: #231f20;
    text-align: center;
    text-shadow: 0 5px 0 #fff;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 108px;
    font-style: normal;
    font-weight: 900;
    line-height: 108px;
    margin-bottom: 30px;
    cursor: pointer
}

.birthday-page .birthday-mechanics-section .new-user-promo .promo span {
    font-weight: 400;
    text-shadow: none
}

@media screen and (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .new-user-promo .promo {
        font-size: 84px;
        line-height: 84px
    }
}

@media screen and (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .new-user-promo .promo {
        font-size: 52px;
        line-height: 56px
    }
}

.birthday-page .birthday-mechanics-section .new-user-promo .ish--row, .birthday-page .birthday-mechanics-section .new-user-promo .row {
    width: 100%
}

.birthday-page .birthday-mechanics-section .new-user-promo .description {
    margin: 30px 0 20px
}

@media screen and (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .new-user-promo .description {
        margin: 20px 0
    }
}

.birthday-page .birthday-mechanics-section .new-user-promo .promo-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;
    border-radius: 2px;
    border: 1px solid #fff;
    background: linear-gradient(124deg, rgba(255, 255, 255, .8) 3.55%, rgba(255, 255, 255, .3) 57.22%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06)
}

.birthday-page .birthday-mechanics-section .new-user-promo .promo-card .info {
    display: flex;
    flex-direction: column;
    align-items: start
}

.birthday-page .birthday-mechanics-section .new-user-promo .promo-card svg {
    margin-bottom: 20px
}

.birthday-page .birthday-mechanics-section .new-user-promo .promo-card.base {
    flex-direction: column;
    align-items: start
}

.birthday-page .birthday-mechanics-section .new-user-promo .promo-card.base .title {
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

@media (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .new-user-promo .promo-card.base .title {
        font-size: 18px;
        line-height: 22px
    }
}

@media (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .new-user-promo .promo-card.base .title {
        font-size: 16px;
        line-height: 20px
    }
}

.birthday-page .birthday-mechanics-section .new-user-promo .promo-card .text {
    margin-bottom: 10px
}

.birthday-page .birthday-mechanics-section .new-user-promo .promo-card .ish--btn {
    align-self: flex-start;
    margin-top: 20px
}

@media screen and (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .new-user-promo .promo-card {
        padding: 20px;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between
    }

    .birthday-page .birthday-mechanics-section .new-user-promo .promo-card.base {
        flex-direction: column;
        align-items: start
    }

    .birthday-page .birthday-mechanics-section .new-user-promo .promo-card svg {
        margin-bottom: 0
    }

    .birthday-page .birthday-mechanics-section .new-user-promo .promo-card.total {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

.birthday-page .birthday-mechanics-section .claim-reward-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 760px;
    margin: 0 auto
}

.birthday-page .birthday-mechanics-section .claim-reward-block div {
    width: 100%
}

.birthday-page .birthday-mechanics-section .claim-reward-block .title {
    margin-top: 0;
    margin-bottom: 10px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .title.head {
    padding: 0 30px
}

@media screen and (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .claim-reward-block .title.head {
        padding: 0
    }
}

.birthday-page .birthday-mechanics-section .claim-reward-block .text {
    margin-bottom: 30px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .text.head {
    padding: 0 30px
}

@media screen and (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .claim-reward-block .text.head {
        padding: 0
    }
}

@media screen and (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .claim-reward-block .text {
        margin-bottom: 20px
    }
}

.birthday-page .birthday-mechanics-section .claim-reward-block .block {
    display: flex;
    flex-direction: column;
    align-items: center
}

.birthday-page .birthday-mechanics-section .claim-reward-block .block.processing {
    padding: 60px 0
}

.birthday-page .birthday-mechanics-section .claim-reward-block .block.processing .title {
    margin-bottom: 30px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .block.error {
    padding: 60px 0
}

.birthday-page .birthday-mechanics-section .claim-reward-block .block.error svg {
    margin-bottom: 30px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .block.error .title {
    margin-bottom: 10px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .block.error .text {
    margin-bottom: 30px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .claim-card {
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 100%;
    padding: 30px;
    border-radius: 2px;
    border: 1px solid #fff;
    background: linear-gradient(124deg, rgba(255, 255, 255, .8) 3.55%, rgba(255, 255, 255, .3) 57.22%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06)
}

.birthday-page .birthday-mechanics-section .claim-reward-block .claim-card .info {
    display: flex;
    flex-direction: column;
    align-items: start
}

.birthday-page .birthday-mechanics-section .claim-reward-block .claim-card svg {
    margin-bottom: 20px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .claim-card .title {
    margin-bottom: 0
}

.birthday-page .birthday-mechanics-section .claim-reward-block .claim-card .title .ish--link {
    margin-left: 10px;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

@media (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .claim-reward-block .claim-card .title .ish--link {
        font-size: 14px;
        line-height: 22px
    }
}

.birthday-page .birthday-mechanics-section .claim-reward-block .claim-card .text {
    margin-bottom: 10px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .claim-card .ish--btn {
    align-self: flex-start;
    margin-top: 20px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .claim-card.total {
    border: none;
    border-radius: 2px;
    background: #0938de;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06)
}

.birthday-page .birthday-mechanics-section .claim-reward-block .claim-card.total .title {
    color: #231f20;
    text-shadow: 0 2px 0 #fff;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 50px;
    margin-bottom: 10px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .claim-card.total .text {
    margin-bottom: 5px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .claim-card.total .ish--btn {
    margin-top: auto
}

@media screen and (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .claim-reward-block .claim-card {
        padding: 20px;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between
    }

    .birthday-page .birthday-mechanics-section .claim-reward-block .claim-card svg {
        margin-bottom: 0
    }

    .birthday-page .birthday-mechanics-section .claim-reward-block .claim-card.total {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .birthday-page .birthday-mechanics-section .claim-reward-block .claim-card.total .ish--btn {
        width: 100%;
        max-width: unset;
        justify-content: center
    }
}

.birthday-page .birthday-mechanics-section .claim-reward-block .bonus-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding-bottom: 30px;
    width: 100%;
    border-radius: 2px;
    background: linear-gradient(124deg, rgba(255, 255, 255, .8) 3.55%, rgba(255, 255, 255, .3) 57.22%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
    border: 1px solid #fff
}

.birthday-page .birthday-mechanics-section .claim-reward-block .bonus-info-item {
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.birthday-page .birthday-mechanics-section .claim-reward-block .bonus-info-item svg {
    margin-bottom: 20px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .bonus-info-item h3 {
    margin-bottom: 10px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .bonus-info-item p {
    margin: 0;
    color: #474747;
    text-align: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

@media screen and (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .claim-reward-block .bonus-info-item p {
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .claim-reward-block .bonus-info-item {
        padding: 20px
    }
}

@media screen and (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .claim-reward-block .bonus-info button {
        margin-top: 10px
    }
}

@media screen and (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .claim-reward-block .bonus-info {
        padding-bottom: 20px
    }
}

.birthday-page .birthday-mechanics-section .claim-reward-block .counter-block {
    width: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.birthday-page .birthday-mechanics-section .claim-reward-block .counter-block .counter-title {
    color: #474747;
    text-align: center;
    font-feature-settings: "liga" off, "clig" off;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 10px
}

@media screen and (max-width: 767.98px) {
    .birthday-page .birthday-mechanics-section .claim-reward-block .counter-block .counter-title {
        font-size: 18px;
        line-height: 26px
    }
}

@media screen and (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .claim-reward-block .counter-block .counter-title {
        font-size: 16px;
        line-height: 24px
    }
}

.birthday-page .birthday-mechanics-section .claim-reward-block .counter-block .counter {
    display: flex;
    justify-content: center
}

.birthday-page .birthday-mechanics-section .claim-reward-block .counter-block .counter svg {
    min-width: 4px;
    margin: 0 5px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .counter-block .counter .counter-item {
    max-width: 80px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.birthday-page .birthday-mechanics-section .claim-reward-block .counter-block .counter .counter-item span {
    color: #474747;
    font-feature-settings: "liga" off, "clig" off;
    text-align: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .counter-block .counter .counter-item .count {
    display: flex;
    justify-content: center;
    margin-bottom: 5px
}

.birthday-page .birthday-mechanics-section .claim-reward-block .counter-block .counter .counter-item .count span {
    text-align: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    background: linear-gradient(351deg, #333 15.37%, rgba(51, 51, 51, .1) 157.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .claim-reward-block .counter-block .counter .counter-item .count span {
        font-size: 50px;
        line-height: 50px
    }
}

@media screen and (max-width: 991.98px) {
    .birthday-page .birthday-mechanics-section .claim-reward-block .counter-block {
        padding-bottom: 0
    }
}

@media screen and (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section .claim-reward-block .counter-block {
        padding: 20px 10px 0
    }
}

@media screen and (max-width: 991.98px) {
    .birthday-page .birthday-mechanics-section {
        padding-bottom: 30px
    }
}

@media screen and (max-width: 575.98px) {
    .birthday-page .birthday-mechanics-section {
        padding-top: 30px;
        padding-bottom: 20px
    }
}

.order-section {
    min-height: 100vh
}

@media screen and (min-width: 1200px) {
    .order-section {
        min-height: 900px
    }
}

.order-section .ssr-preloader {
    padding: 80px 0
}

.order-section .container, .order-section .ish--grid {
    padding-top: 30px
}

.order-section h1 {
    margin: 0 0 20px
}

.order-section h2 {
    margin: 0 0 30px
}

.order-section ul {
    list-style: none
}

.order-section .management, .order-section .order {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-section .management .description-plank {
    margin-bottom: 30px
}

@media screen and (max-width: 767.98px) {
    .order-section .management .description-plank {
        margin-bottom: 20px
    }
}

.order-section .order {
    margin-top: 30px
}

@media screen and (min-width: 768px) {
    .order-section h2 {
        margin-top: 30px
    }

    .order-section .order {
        margin-top: 0;
        position: sticky;
        top: 75px;
        align-self: flex-start
    }

    .order-section .management, .order-section .order {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (min-width: 992px) {
    .order-section .management {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .order-section .order {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

.slogan-section {
    position: relative
}

.slogan-section picture {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: -1
}

.slogan-section picture img {
    max-width: 100%;
    object-fit: cover;
    width: 100%
}

.slogan-section .heading-title, .slogan-section h1 {
    margin: 0 0 20px;
    max-width: 375px
}

@media (max-width: 767.98px) {
    .slogan-section .heading-title, .slogan-section h1 {
        max-width: 100%
    }
}

.slogan-section h2 {
    margin: 0 0 30px;
    max-width: 375px
}

@media (max-width: 767.98px) {
    .slogan-section h2 {
        max-width: 100%
    }
}

.slogan-section .heading-description, .slogan-section p {
    font-weight: 400;
    font-size: 1.1428571429rem;
    margin: 0;
    line-height: 20px;
    display: inline-block;
    max-width: 375px
}

@media (max-width: 767.98px) {
    .slogan-section .heading-description, .slogan-section p {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .slogan-section picture img {
        width: auto
    }

    .slogan-section .heading-title, .slogan-section h1 {
        max-width: 540px
    }

    .slogan-section h2 {
        max-width: 540px
    }

    .slogan-section .heading-description, .slogan-section p {
        font-size: 1.5714285714rem;
        margin: 0;
        line-height: 1.38;
        max-width: 540px
    }
}

@media screen and (min-width: 768px) and (max-width: 767.98px) {
    .slogan-section .heading-description, .slogan-section p {
        font-size: 1.1428571429rem;
        line-height: 1.5714285714rem
    }
}

@media screen and (min-width: 768px) and (max-width: 575.98px) {
    .slogan-section .heading-description, .slogan-section p {
        font-size: 1rem;
        line-height: 1.2857142857rem
    }
}

.slogan-section {
    position: relative
}

.slogan-section picture {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: -1
}

.slogan-section picture img {
    max-width: 100%;
    object-fit: cover;
    width: 100%
}

.slogan-section .heading-title, .slogan-section h1 {
    margin: 0 0 20px;
    max-width: 375px
}

@media (max-width: 767.98px) {
    .slogan-section .heading-title, .slogan-section h1 {
        max-width: 100%
    }
}

.slogan-section h2 {
    margin: 0 0 30px;
    max-width: 375px
}

@media (max-width: 767.98px) {
    .slogan-section h2 {
        max-width: 100%
    }
}

.slogan-section .heading-description, .slogan-section p {
    font-weight: 400;
    font-size: 1.1428571429rem;
    margin: 0;
    line-height: 20px;
    display: inline-block;
    max-width: 375px
}

@media (max-width: 767.98px) {
    .slogan-section .heading-description, .slogan-section p {
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .slogan-section picture img {
        width: auto
    }

    .slogan-section .heading-title, .slogan-section h1 {
        max-width: 540px
    }

    .slogan-section h2 {
        max-width: 540px
    }

    .slogan-section .heading-description, .slogan-section p {
        font-size: 1.5714285714rem;
        margin: 0;
        line-height: 1.38;
        max-width: 540px
    }
}

@media screen and (min-width: 768px) and (max-width: 767.98px) {
    .slogan-section .heading-description, .slogan-section p {
        font-size: 1.1428571429rem;
        line-height: 1.5714285714rem
    }
}

@media screen and (min-width: 768px) and (max-width: 575.98px) {
    .slogan-section .heading-description, .slogan-section p {
        font-size: 1rem;
        line-height: 1.2857142857rem
    }
}

.slogan-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top: 2px solid #0938de
}

.slogan-section.simple {
    background: 0 0
}

.slogan-section.simple .container, .slogan-section.simple .ish--grid {
    min-height: unset
}

.slogan-section.simple .heading-title, .slogan-section.simple h1 {
    margin: 0
}

.slogan-section .heading-title {
    height: 30px;
    max-width: unset
}

.slogan-section .heading-title.animation {
    transition: opacity .3s ease-in-out
}

.slogan-section .heading-title.show {
    opacity: 1
}

.slogan-section .heading-title.hide {
    opacity: 0
}

.slogan-section .heading-title.preloader::after {
    content: ".";
    color: transparent;
    width: 60%;
    background: #e0e0e0;
    display: inline-block
}

.slogan-section .heading-title.preloader::after {
    height: 30px
}

@media screen and (min-width: 768px) {
    .slogan-section .heading-title {
        height: 48px
    }

    .slogan-section .heading-title.preloader::after {
        height: 48px
    }
}

.slogan-section .heading-description {
    height: 20px;
    max-width: unset
}

.slogan-section .heading-description.animation {
    transition: opacity .3s ease-in-out
}

.slogan-section .heading-description.show {
    opacity: 1
}

.slogan-section .heading-description.hide {
    opacity: 0
}

.slogan-section .heading-description.preloader {
    display: block;
    width: 100%
}

.slogan-section .heading-description.preloader::after {
    content: ".";
    color: transparent;
    width: 100%;
    background: #e0e0e0;
    display: inline-block
}

.slogan-section .heading-description.preloader::after {
    height: 20px
}

.slogan-section.animation .heading-description, .slogan-section.animation .heading-title, .slogan-section.animation h1, .slogan-section.animation p {
    transition: opacity .3s ease-in-out
}

.slogan-section .show .heading-description, .slogan-section .show .heading-title, .slogan-section .show h1, .slogan-section .show p {
    opacity: 1
}

.slogan-section.hide .heading-description, .slogan-section.hide .heading-title, .slogan-section.hide h1, .slogan-section.hide p {
    opacity: 0
}

.slogan-section.preloader .heading-title {
    max-width: unset;
    height: 30px
}

.slogan-section.preloader .heading-title::after {
    content: ".";
    color: transparent;
    width: 60%;
    background: #e0e0e0;
    display: inline-block
}

.slogan-section.preloader .heading-title::after {
    height: 30px
}

@media screen and (min-width: 768px) {
    .slogan-section.preloader .heading-title {
        height: 48px
    }

    .slogan-section.preloader .heading-title::after {
        height: 48px
    }
}

.slogan-section.preloader .heading-description {
    max-width: unset;
    height: 20px;
    margin-bottom: 5px;
    display: block;
    width: 100%
}

.slogan-section.preloader .heading-description::after {
    content: ".";
    color: transparent;
    width: 100%;
    background: #e0e0e0;
    display: inline-block
}

.slogan-section.preloader .heading-description::after {
    height: 20px
}

.slogan-section.preloader .heading-description:last-child::after {
    content: ".";
    color: transparent;
    width: 30%;
    background: #e0e0e0;
    display: inline-block
}

.slogan-section.about, .slogan-section.affiliate, .slogan-section.api, .slogan-section.cases, .slogan-section.datacenters, .slogan-section.error, .slogan-section.payments-methods, .slogan-section.special-offers, .slogan-section.speed-test, .slogan-section.storage, .slogan-section.support, .slogan-section.transfer-projects, .slogan-section.vds, .slogan-section.vpn, .slogan-section.vps, .slogan-section.vulnerability-disclosure {
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.slogan-section.about .container, .slogan-section.about .ish--grid, .slogan-section.affiliate .container, .slogan-section.affiliate .ish--grid, .slogan-section.api .container, .slogan-section.api .ish--grid, .slogan-section.cases .container, .slogan-section.cases .ish--grid, .slogan-section.datacenters .container, .slogan-section.datacenters .ish--grid, .slogan-section.error .container, .slogan-section.error .ish--grid, .slogan-section.payments-methods .container, .slogan-section.payments-methods .ish--grid, .slogan-section.special-offers .container, .slogan-section.special-offers .ish--grid, .slogan-section.speed-test .container, .slogan-section.speed-test .ish--grid, .slogan-section.storage .container, .slogan-section.storage .ish--grid, .slogan-section.support .container, .slogan-section.support .ish--grid, .slogan-section.transfer-projects .container, .slogan-section.transfer-projects .ish--grid, .slogan-section.vds .container, .slogan-section.vds .ish--grid, .slogan-section.vpn .container, .slogan-section.vpn .ish--grid, .slogan-section.vps .container, .slogan-section.vps .ish--grid, .slogan-section.vulnerability-disclosure .container, .slogan-section.vulnerability-disclosure .ish--grid {
    padding-left: 60px
}

@media (max-width: 991.98px) {
    .slogan-section.about .container, .slogan-section.about .ish--grid, .slogan-section.affiliate .container, .slogan-section.affiliate .ish--grid, .slogan-section.api .container, .slogan-section.api .ish--grid, .slogan-section.cases .container, .slogan-section.cases .ish--grid, .slogan-section.datacenters .container, .slogan-section.datacenters .ish--grid, .slogan-section.error .container, .slogan-section.error .ish--grid, .slogan-section.payments-methods .container, .slogan-section.payments-methods .ish--grid, .slogan-section.special-offers .container, .slogan-section.special-offers .ish--grid, .slogan-section.speed-test .container, .slogan-section.speed-test .ish--grid, .slogan-section.storage .container, .slogan-section.storage .ish--grid, .slogan-section.support .container, .slogan-section.support .ish--grid, .slogan-section.transfer-projects .container, .slogan-section.transfer-projects .ish--grid, .slogan-section.vds .container, .slogan-section.vds .ish--grid, .slogan-section.vpn .container, .slogan-section.vpn .ish--grid, .slogan-section.vps .container, .slogan-section.vps .ish--grid, .slogan-section.vulnerability-disclosure .container, .slogan-section.vulnerability-disclosure .ish--grid {
        padding-left: 40px
    }
}

@media (max-width: 767.98px) {
    .slogan-section.about .container, .slogan-section.about .ish--grid, .slogan-section.affiliate .container, .slogan-section.affiliate .ish--grid, .slogan-section.api .container, .slogan-section.api .ish--grid, .slogan-section.cases .container, .slogan-section.cases .ish--grid, .slogan-section.datacenters .container, .slogan-section.datacenters .ish--grid, .slogan-section.error .container, .slogan-section.error .ish--grid, .slogan-section.payments-methods .container, .slogan-section.payments-methods .ish--grid, .slogan-section.special-offers .container, .slogan-section.special-offers .ish--grid, .slogan-section.speed-test .container, .slogan-section.speed-test .ish--grid, .slogan-section.storage .container, .slogan-section.storage .ish--grid, .slogan-section.support .container, .slogan-section.support .ish--grid, .slogan-section.transfer-projects .container, .slogan-section.transfer-projects .ish--grid, .slogan-section.vds .container, .slogan-section.vds .ish--grid, .slogan-section.vpn .container, .slogan-section.vpn .ish--grid, .slogan-section.vps .container, .slogan-section.vps .ish--grid, .slogan-section.vulnerability-disclosure .container, .slogan-section.vulnerability-disclosure .ish--grid {
        padding-right: 40px
    }
}

@media (max-width: 575.98px) {
    .slogan-section.about .container, .slogan-section.about .ish--grid, .slogan-section.affiliate .container, .slogan-section.affiliate .ish--grid, .slogan-section.api .container, .slogan-section.api .ish--grid, .slogan-section.cases .container, .slogan-section.cases .ish--grid, .slogan-section.datacenters .container, .slogan-section.datacenters .ish--grid, .slogan-section.error .container, .slogan-section.error .ish--grid, .slogan-section.payments-methods .container, .slogan-section.payments-methods .ish--grid, .slogan-section.special-offers .container, .slogan-section.special-offers .ish--grid, .slogan-section.speed-test .container, .slogan-section.speed-test .ish--grid, .slogan-section.storage .container, .slogan-section.storage .ish--grid, .slogan-section.support .container, .slogan-section.support .ish--grid, .slogan-section.transfer-projects .container, .slogan-section.transfer-projects .ish--grid, .slogan-section.vds .container, .slogan-section.vds .ish--grid, .slogan-section.vpn .container, .slogan-section.vpn .ish--grid, .slogan-section.vps .container, .slogan-section.vps .ish--grid, .slogan-section.vulnerability-disclosure .container, .slogan-section.vulnerability-disclosure .ish--grid {
        padding-right: 20px;
        padding-left: 20px
    }
}

.slogan-section.about .head, .slogan-section.affiliate .head, .slogan-section.api .head, .slogan-section.cases .head, .slogan-section.datacenters .head, .slogan-section.error .head, .slogan-section.payments-methods .head, .slogan-section.special-offers .head, .slogan-section.speed-test .head, .slogan-section.storage .head, .slogan-section.support .head, .slogan-section.transfer-projects .head, .slogan-section.vds .head, .slogan-section.vpn .head, .slogan-section.vps .head, .slogan-section.vulnerability-disclosure .head {
    padding: 100px 0
}

.slogan-section.about .head nav, .slogan-section.affiliate .head nav, .slogan-section.api .head nav, .slogan-section.cases .head nav, .slogan-section.datacenters .head nav, .slogan-section.error .head nav, .slogan-section.payments-methods .head nav, .slogan-section.special-offers .head nav, .slogan-section.speed-test .head nav, .slogan-section.storage .head nav, .slogan-section.support .head nav, .slogan-section.transfer-projects .head nav, .slogan-section.vds .head nav, .slogan-section.vpn .head nav, .slogan-section.vps .head nav, .slogan-section.vulnerability-disclosure .head nav {
    margin-bottom: 45px
}

@media (max-width: 767.98px) {
    .slogan-section.about .head nav, .slogan-section.affiliate .head nav, .slogan-section.api .head nav, .slogan-section.cases .head nav, .slogan-section.datacenters .head nav, .slogan-section.error .head nav, .slogan-section.payments-methods .head nav, .slogan-section.special-offers .head nav, .slogan-section.speed-test .head nav, .slogan-section.storage .head nav, .slogan-section.support .head nav, .slogan-section.transfer-projects .head nav, .slogan-section.vds .head nav, .slogan-section.vpn .head nav, .slogan-section.vps .head nav, .slogan-section.vulnerability-disclosure .head nav {
        margin-bottom: 20px
    }
}

@media (max-width: 767.98px) {
    .slogan-section.about .head, .slogan-section.affiliate .head, .slogan-section.api .head, .slogan-section.cases .head, .slogan-section.datacenters .head, .slogan-section.error .head, .slogan-section.payments-methods .head, .slogan-section.special-offers .head, .slogan-section.speed-test .head, .slogan-section.storage .head, .slogan-section.support .head, .slogan-section.transfer-projects .head, .slogan-section.vds .head, .slogan-section.vpn .head, .slogan-section.vps .head, .slogan-section.vulnerability-disclosure .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.about .head, .slogan-section.affiliate .head, .slogan-section.api .head, .slogan-section.cases .head, .slogan-section.datacenters .head, .slogan-section.error .head, .slogan-section.payments-methods .head, .slogan-section.special-offers .head, .slogan-section.speed-test .head, .slogan-section.storage .head, .slogan-section.support .head, .slogan-section.transfer-projects .head, .slogan-section.vds .head, .slogan-section.vpn .head, .slogan-section.vps .head, .slogan-section.vulnerability-disclosure .head {
        padding: 20px 0
    }
}

.slogan-section.about .title, .slogan-section.affiliate .title, .slogan-section.api .title, .slogan-section.cases .title, .slogan-section.datacenters .title, .slogan-section.error .title, .slogan-section.payments-methods .title, .slogan-section.special-offers .title, .slogan-section.speed-test .title, .slogan-section.storage .title, .slogan-section.support .title, .slogan-section.transfer-projects .title, .slogan-section.vds .title, .slogan-section.vpn .title, .slogan-section.vps .title, .slogan-section.vulnerability-disclosure .title {
    line-height: 1.2;
    margin: 0 0 20px
}

.slogan-section.about .description, .slogan-section.affiliate .description, .slogan-section.api .description, .slogan-section.cases .description, .slogan-section.datacenters .description, .slogan-section.error .description, .slogan-section.payments-methods .description, .slogan-section.special-offers .description, .slogan-section.speed-test .description, .slogan-section.storage .description, .slogan-section.support .description, .slogan-section.transfer-projects .description, .slogan-section.vds .description, .slogan-section.vpn .description, .slogan-section.vps .description, .slogan-section.vulnerability-disclosure .description {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #474747;
    margin-bottom: 45px
}

@media (max-width: 767.98px) {
    .slogan-section.about .description, .slogan-section.affiliate .description, .slogan-section.api .description, .slogan-section.cases .description, .slogan-section.datacenters .description, .slogan-section.error .description, .slogan-section.payments-methods .description, .slogan-section.special-offers .description, .slogan-section.speed-test .description, .slogan-section.storage .description, .slogan-section.support .description, .slogan-section.transfer-projects .description, .slogan-section.vds .description, .slogan-section.vpn .description, .slogan-section.vps .description, .slogan-section.vulnerability-disclosure .description {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 40px
    }
}

@media (max-width: 575.98px) {
    .slogan-section.about .description, .slogan-section.affiliate .description, .slogan-section.api .description, .slogan-section.cases .description, .slogan-section.datacenters .description, .slogan-section.error .description, .slogan-section.payments-methods .description, .slogan-section.special-offers .description, .slogan-section.speed-test .description, .slogan-section.storage .description, .slogan-section.support .description, .slogan-section.transfer-projects .description, .slogan-section.vds .description, .slogan-section.vpn .description, .slogan-section.vps .description, .slogan-section.vulnerability-disclosure .description {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px
    }
}

.slogan-section.about .controls, .slogan-section.affiliate .controls, .slogan-section.api .controls, .slogan-section.cases .controls, .slogan-section.datacenters .controls, .slogan-section.error .controls, .slogan-section.payments-methods .controls, .slogan-section.special-offers .controls, .slogan-section.speed-test .controls, .slogan-section.storage .controls, .slogan-section.support .controls, .slogan-section.transfer-projects .controls, .slogan-section.vds .controls, .slogan-section.vpn .controls, .slogan-section.vps .controls, .slogan-section.vulnerability-disclosure .controls {
    display: flex;
    flex-direction: row
}

.slogan-section.about .controls a, .slogan-section.affiliate .controls a, .slogan-section.api .controls a, .slogan-section.cases .controls a, .slogan-section.datacenters .controls a, .slogan-section.error .controls a, .slogan-section.payments-methods .controls a, .slogan-section.special-offers .controls a, .slogan-section.speed-test .controls a, .slogan-section.storage .controls a, .slogan-section.support .controls a, .slogan-section.transfer-projects .controls a, .slogan-section.vds .controls a, .slogan-section.vpn .controls a, .slogan-section.vps .controls a, .slogan-section.vulnerability-disclosure .controls a {
    display: flex;
    justify-content: center;
    align-items: center
}

.slogan-section.about .controls .vps, .slogan-section.affiliate .controls .vps, .slogan-section.api .controls .vps, .slogan-section.cases .controls .vps, .slogan-section.datacenters .controls .vps, .slogan-section.error .controls .vps, .slogan-section.payments-methods .controls .vps, .slogan-section.special-offers .controls .vps, .slogan-section.speed-test .controls .vps, .slogan-section.storage .controls .vps, .slogan-section.support .controls .vps, .slogan-section.transfer-projects .controls .vps, .slogan-section.vds .controls .vps, .slogan-section.vpn .controls .vps, .slogan-section.vps .controls .vps, .slogan-section.vulnerability-disclosure .controls .vps {
    margin-right: 5px
}

.slogan-section.about .controls .vds, .slogan-section.affiliate .controls .vds, .slogan-section.api .controls .vds, .slogan-section.cases .controls .vds, .slogan-section.datacenters .controls .vds, .slogan-section.error .controls .vds, .slogan-section.payments-methods .controls .vds, .slogan-section.special-offers .controls .vds, .slogan-section.speed-test .controls .vds, .slogan-section.storage .controls .vds, .slogan-section.support .controls .vds, .slogan-section.transfer-projects .controls .vds, .slogan-section.vds .controls .vds, .slogan-section.vpn .controls .vds, .slogan-section.vps .controls .vds, .slogan-section.vulnerability-disclosure .controls .vds {
    margin-right: 30px
}

@media (max-width: 767.98px) {
    .slogan-section.about .controls, .slogan-section.affiliate .controls, .slogan-section.api .controls, .slogan-section.cases .controls, .slogan-section.datacenters .controls, .slogan-section.error .controls, .slogan-section.payments-methods .controls, .slogan-section.special-offers .controls, .slogan-section.speed-test .controls, .slogan-section.storage .controls, .slogan-section.support .controls, .slogan-section.transfer-projects .controls, .slogan-section.vds .controls, .slogan-section.vpn .controls, .slogan-section.vps .controls, .slogan-section.vulnerability-disclosure .controls {
        flex-direction: column
    }

    .slogan-section.about .controls .vds, .slogan-section.about .controls .vps, .slogan-section.affiliate .controls .vds, .slogan-section.affiliate .controls .vps, .slogan-section.api .controls .vds, .slogan-section.api .controls .vps, .slogan-section.cases .controls .vds, .slogan-section.cases .controls .vps, .slogan-section.datacenters .controls .vds, .slogan-section.datacenters .controls .vps, .slogan-section.error .controls .vds, .slogan-section.error .controls .vps, .slogan-section.payments-methods .controls .vds, .slogan-section.payments-methods .controls .vps, .slogan-section.special-offers .controls .vds, .slogan-section.special-offers .controls .vps, .slogan-section.speed-test .controls .vds, .slogan-section.speed-test .controls .vps, .slogan-section.storage .controls .vds, .slogan-section.storage .controls .vps, .slogan-section.support .controls .vds, .slogan-section.support .controls .vps, .slogan-section.transfer-projects .controls .vds, .slogan-section.transfer-projects .controls .vps, .slogan-section.vds .controls .vds, .slogan-section.vds .controls .vps, .slogan-section.vpn .controls .vds, .slogan-section.vpn .controls .vps, .slogan-section.vps .controls .vds, .slogan-section.vps .controls .vps, .slogan-section.vulnerability-disclosure .controls .vds, .slogan-section.vulnerability-disclosure .controls .vps {
        margin: 0 0 5px
    }

    .slogan-section.about .controls .arrow:before, .slogan-section.affiliate .controls .arrow:before, .slogan-section.api .controls .arrow:before, .slogan-section.cases .controls .arrow:before, .slogan-section.datacenters .controls .arrow:before, .slogan-section.error .controls .arrow:before, .slogan-section.payments-methods .controls .arrow:before, .slogan-section.special-offers .controls .arrow:before, .slogan-section.speed-test .controls .arrow:before, .slogan-section.storage .controls .arrow:before, .slogan-section.support .controls .arrow:before, .slogan-section.transfer-projects .controls .arrow:before, .slogan-section.vds .controls .arrow:before, .slogan-section.vpn .controls .arrow:before, .slogan-section.vps .controls .arrow:before, .slogan-section.vulnerability-disclosure .controls .arrow:before {
        content: none
    }
}

.slogan-section.about .container, .slogan-section.about .ish--grid, .slogan-section.affiliate .container, .slogan-section.affiliate .ish--grid, .slogan-section.api .container, .slogan-section.api .ish--grid, .slogan-section.cases .container, .slogan-section.cases .ish--grid, .slogan-section.datacenters .container, .slogan-section.datacenters .ish--grid, .slogan-section.error .container, .slogan-section.error .ish--grid, .slogan-section.payments-methods .container, .slogan-section.payments-methods .ish--grid, .slogan-section.special-offers .container, .slogan-section.special-offers .ish--grid, .slogan-section.speed-test .container, .slogan-section.speed-test .ish--grid, .slogan-section.storage .container, .slogan-section.storage .ish--grid, .slogan-section.support .container, .slogan-section.support .ish--grid, .slogan-section.transfer-projects .container, .slogan-section.transfer-projects .ish--grid, .slogan-section.vds .container, .slogan-section.vds .ish--grid, .slogan-section.vpn .container, .slogan-section.vpn .ish--grid, .slogan-section.vps .container, .slogan-section.vps .ish--grid, .slogan-section.vulnerability-disclosure .container, .slogan-section.vulnerability-disclosure .ish--grid {
    display: flex;
    align-items: center
}

.slogan-section.about .container .head, .slogan-section.about .ish--grid .head, .slogan-section.affiliate .container .head, .slogan-section.affiliate .ish--grid .head, .slogan-section.api .container .head, .slogan-section.api .ish--grid .head, .slogan-section.cases .container .head, .slogan-section.cases .ish--grid .head, .slogan-section.datacenters .container .head, .slogan-section.datacenters .ish--grid .head, .slogan-section.error .container .head, .slogan-section.error .ish--grid .head, .slogan-section.payments-methods .container .head, .slogan-section.payments-methods .ish--grid .head, .slogan-section.special-offers .container .head, .slogan-section.special-offers .ish--grid .head, .slogan-section.speed-test .container .head, .slogan-section.speed-test .ish--grid .head, .slogan-section.storage .container .head, .slogan-section.storage .ish--grid .head, .slogan-section.support .container .head, .slogan-section.support .ish--grid .head, .slogan-section.transfer-projects .container .head, .slogan-section.transfer-projects .ish--grid .head, .slogan-section.vds .container .head, .slogan-section.vds .ish--grid .head, .slogan-section.vpn .container .head, .slogan-section.vpn .ish--grid .head, .slogan-section.vps .container .head, .slogan-section.vps .ish--grid .head, .slogan-section.vulnerability-disclosure .container .head, .slogan-section.vulnerability-disclosure .ish--grid .head {
    z-index: 1;
    width: 100%;
    display: flex;
    flex-direction: column
}

.slogan-section.about .container .head .heading-description, .slogan-section.about .container .head .heading-title, .slogan-section.about .container .head h1, .slogan-section.about .container .head h2, .slogan-section.about .container .head p, .slogan-section.about .ish--grid .head .heading-description, .slogan-section.about .ish--grid .head .heading-title, .slogan-section.about .ish--grid .head h1, .slogan-section.about .ish--grid .head h2, .slogan-section.about .ish--grid .head p, .slogan-section.affiliate .container .head .heading-description, .slogan-section.affiliate .container .head .heading-title, .slogan-section.affiliate .container .head h1, .slogan-section.affiliate .container .head h2, .slogan-section.affiliate .container .head p, .slogan-section.affiliate .ish--grid .head .heading-description, .slogan-section.affiliate .ish--grid .head .heading-title, .slogan-section.affiliate .ish--grid .head h1, .slogan-section.affiliate .ish--grid .head h2, .slogan-section.affiliate .ish--grid .head p, .slogan-section.api .container .head .heading-description, .slogan-section.api .container .head .heading-title, .slogan-section.api .container .head h1, .slogan-section.api .container .head h2, .slogan-section.api .container .head p, .slogan-section.api .ish--grid .head .heading-description, .slogan-section.api .ish--grid .head .heading-title, .slogan-section.api .ish--grid .head h1, .slogan-section.api .ish--grid .head h2, .slogan-section.api .ish--grid .head p, .slogan-section.cases .container .head .heading-description, .slogan-section.cases .container .head .heading-title, .slogan-section.cases .container .head h1, .slogan-section.cases .container .head h2, .slogan-section.cases .container .head p, .slogan-section.cases .ish--grid .head .heading-description, .slogan-section.cases .ish--grid .head .heading-title, .slogan-section.cases .ish--grid .head h1, .slogan-section.cases .ish--grid .head h2, .slogan-section.cases .ish--grid .head p, .slogan-section.datacenters .container .head .heading-description, .slogan-section.datacenters .container .head .heading-title, .slogan-section.datacenters .container .head h1, .slogan-section.datacenters .container .head h2, .slogan-section.datacenters .container .head p, .slogan-section.datacenters .ish--grid .head .heading-description, .slogan-section.datacenters .ish--grid .head .heading-title, .slogan-section.datacenters .ish--grid .head h1, .slogan-section.datacenters .ish--grid .head h2, .slogan-section.datacenters .ish--grid .head p, .slogan-section.error .container .head .heading-description, .slogan-section.error .container .head .heading-title, .slogan-section.error .container .head h1, .slogan-section.error .container .head h2, .slogan-section.error .container .head p, .slogan-section.error .ish--grid .head .heading-description, .slogan-section.error .ish--grid .head .heading-title, .slogan-section.error .ish--grid .head h1, .slogan-section.error .ish--grid .head h2, .slogan-section.error .ish--grid .head p, .slogan-section.payments-methods .container .head .heading-description, .slogan-section.payments-methods .container .head .heading-title, .slogan-section.payments-methods .container .head h1, .slogan-section.payments-methods .container .head h2, .slogan-section.payments-methods .container .head p, .slogan-section.payments-methods .ish--grid .head .heading-description, .slogan-section.payments-methods .ish--grid .head .heading-title, .slogan-section.payments-methods .ish--grid .head h1, .slogan-section.payments-methods .ish--grid .head h2, .slogan-section.payments-methods .ish--grid .head p, .slogan-section.special-offers .container .head .heading-description, .slogan-section.special-offers .container .head .heading-title, .slogan-section.special-offers .container .head h1, .slogan-section.special-offers .container .head h2, .slogan-section.special-offers .container .head p, .slogan-section.special-offers .ish--grid .head .heading-description, .slogan-section.special-offers .ish--grid .head .heading-title, .slogan-section.special-offers .ish--grid .head h1, .slogan-section.special-offers .ish--grid .head h2, .slogan-section.special-offers .ish--grid .head p, .slogan-section.speed-test .container .head .heading-description, .slogan-section.speed-test .container .head .heading-title, .slogan-section.speed-test .container .head h1, .slogan-section.speed-test .container .head h2, .slogan-section.speed-test .container .head p, .slogan-section.speed-test .ish--grid .head .heading-description, .slogan-section.speed-test .ish--grid .head .heading-title, .slogan-section.speed-test .ish--grid .head h1, .slogan-section.speed-test .ish--grid .head h2, .slogan-section.speed-test .ish--grid .head p, .slogan-section.storage .container .head .heading-description, .slogan-section.storage .container .head .heading-title, .slogan-section.storage .container .head h1, .slogan-section.storage .container .head h2, .slogan-section.storage .container .head p, .slogan-section.storage .ish--grid .head .heading-description, .slogan-section.storage .ish--grid .head .heading-title, .slogan-section.storage .ish--grid .head h1, .slogan-section.storage .ish--grid .head h2, .slogan-section.storage .ish--grid .head p, .slogan-section.support .container .head .heading-description, .slogan-section.support .container .head .heading-title, .slogan-section.support .container .head h1, .slogan-section.support .container .head h2, .slogan-section.support .container .head p, .slogan-section.support .ish--grid .head .heading-description, .slogan-section.support .ish--grid .head .heading-title, .slogan-section.support .ish--grid .head h1, .slogan-section.support .ish--grid .head h2, .slogan-section.support .ish--grid .head p, .slogan-section.transfer-projects .container .head .heading-description, .slogan-section.transfer-projects .container .head .heading-title, .slogan-section.transfer-projects .container .head h1, .slogan-section.transfer-projects .container .head h2, .slogan-section.transfer-projects .container .head p, .slogan-section.transfer-projects .ish--grid .head .heading-description, .slogan-section.transfer-projects .ish--grid .head .heading-title, .slogan-section.transfer-projects .ish--grid .head h1, .slogan-section.transfer-projects .ish--grid .head h2, .slogan-section.transfer-projects .ish--grid .head p, .slogan-section.vds .container .head .heading-description, .slogan-section.vds .container .head .heading-title, .slogan-section.vds .container .head h1, .slogan-section.vds .container .head h2, .slogan-section.vds .container .head p, .slogan-section.vds .ish--grid .head .heading-description, .slogan-section.vds .ish--grid .head .heading-title, .slogan-section.vds .ish--grid .head h1, .slogan-section.vds .ish--grid .head h2, .slogan-section.vds .ish--grid .head p, .slogan-section.vpn .container .head .heading-description, .slogan-section.vpn .container .head .heading-title, .slogan-section.vpn .container .head h1, .slogan-section.vpn .container .head h2, .slogan-section.vpn .container .head p, .slogan-section.vpn .ish--grid .head .heading-description, .slogan-section.vpn .ish--grid .head .heading-title, .slogan-section.vpn .ish--grid .head h1, .slogan-section.vpn .ish--grid .head h2, .slogan-section.vpn .ish--grid .head p, .slogan-section.vps .container .head .heading-description, .slogan-section.vps .container .head .heading-title, .slogan-section.vps .container .head h1, .slogan-section.vps .container .head h2, .slogan-section.vps .container .head p, .slogan-section.vps .ish--grid .head .heading-description, .slogan-section.vps .ish--grid .head .heading-title, .slogan-section.vps .ish--grid .head h1, .slogan-section.vps .ish--grid .head h2, .slogan-section.vps .ish--grid .head p, .slogan-section.vulnerability-disclosure .container .head .heading-description, .slogan-section.vulnerability-disclosure .container .head .heading-title, .slogan-section.vulnerability-disclosure .container .head h1, .slogan-section.vulnerability-disclosure .container .head h2, .slogan-section.vulnerability-disclosure .container .head p, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title, .slogan-section.vulnerability-disclosure .ish--grid .head h1, .slogan-section.vulnerability-disclosure .ish--grid .head h2, .slogan-section.vulnerability-disclosure .ish--grid .head p {
    max-width: unset;
    width: 50%
}

@media (max-width: 991.98px) {
    .slogan-section.about .container .head .heading-description, .slogan-section.about .container .head .heading-title, .slogan-section.about .container .head h1, .slogan-section.about .container .head h2, .slogan-section.about .container .head p, .slogan-section.about .ish--grid .head .heading-description, .slogan-section.about .ish--grid .head .heading-title, .slogan-section.about .ish--grid .head h1, .slogan-section.about .ish--grid .head h2, .slogan-section.about .ish--grid .head p, .slogan-section.affiliate .container .head .heading-description, .slogan-section.affiliate .container .head .heading-title, .slogan-section.affiliate .container .head h1, .slogan-section.affiliate .container .head h2, .slogan-section.affiliate .container .head p, .slogan-section.affiliate .ish--grid .head .heading-description, .slogan-section.affiliate .ish--grid .head .heading-title, .slogan-section.affiliate .ish--grid .head h1, .slogan-section.affiliate .ish--grid .head h2, .slogan-section.affiliate .ish--grid .head p, .slogan-section.api .container .head .heading-description, .slogan-section.api .container .head .heading-title, .slogan-section.api .container .head h1, .slogan-section.api .container .head h2, .slogan-section.api .container .head p, .slogan-section.api .ish--grid .head .heading-description, .slogan-section.api .ish--grid .head .heading-title, .slogan-section.api .ish--grid .head h1, .slogan-section.api .ish--grid .head h2, .slogan-section.api .ish--grid .head p, .slogan-section.cases .container .head .heading-description, .slogan-section.cases .container .head .heading-title, .slogan-section.cases .container .head h1, .slogan-section.cases .container .head h2, .slogan-section.cases .container .head p, .slogan-section.cases .ish--grid .head .heading-description, .slogan-section.cases .ish--grid .head .heading-title, .slogan-section.cases .ish--grid .head h1, .slogan-section.cases .ish--grid .head h2, .slogan-section.cases .ish--grid .head p, .slogan-section.datacenters .container .head .heading-description, .slogan-section.datacenters .container .head .heading-title, .slogan-section.datacenters .container .head h1, .slogan-section.datacenters .container .head h2, .slogan-section.datacenters .container .head p, .slogan-section.datacenters .ish--grid .head .heading-description, .slogan-section.datacenters .ish--grid .head .heading-title, .slogan-section.datacenters .ish--grid .head h1, .slogan-section.datacenters .ish--grid .head h2, .slogan-section.datacenters .ish--grid .head p, .slogan-section.error .container .head .heading-description, .slogan-section.error .container .head .heading-title, .slogan-section.error .container .head h1, .slogan-section.error .container .head h2, .slogan-section.error .container .head p, .slogan-section.error .ish--grid .head .heading-description, .slogan-section.error .ish--grid .head .heading-title, .slogan-section.error .ish--grid .head h1, .slogan-section.error .ish--grid .head h2, .slogan-section.error .ish--grid .head p, .slogan-section.payments-methods .container .head .heading-description, .slogan-section.payments-methods .container .head .heading-title, .slogan-section.payments-methods .container .head h1, .slogan-section.payments-methods .container .head h2, .slogan-section.payments-methods .container .head p, .slogan-section.payments-methods .ish--grid .head .heading-description, .slogan-section.payments-methods .ish--grid .head .heading-title, .slogan-section.payments-methods .ish--grid .head h1, .slogan-section.payments-methods .ish--grid .head h2, .slogan-section.payments-methods .ish--grid .head p, .slogan-section.special-offers .container .head .heading-description, .slogan-section.special-offers .container .head .heading-title, .slogan-section.special-offers .container .head h1, .slogan-section.special-offers .container .head h2, .slogan-section.special-offers .container .head p, .slogan-section.special-offers .ish--grid .head .heading-description, .slogan-section.special-offers .ish--grid .head .heading-title, .slogan-section.special-offers .ish--grid .head h1, .slogan-section.special-offers .ish--grid .head h2, .slogan-section.special-offers .ish--grid .head p, .slogan-section.speed-test .container .head .heading-description, .slogan-section.speed-test .container .head .heading-title, .slogan-section.speed-test .container .head h1, .slogan-section.speed-test .container .head h2, .slogan-section.speed-test .container .head p, .slogan-section.speed-test .ish--grid .head .heading-description, .slogan-section.speed-test .ish--grid .head .heading-title, .slogan-section.speed-test .ish--grid .head h1, .slogan-section.speed-test .ish--grid .head h2, .slogan-section.speed-test .ish--grid .head p, .slogan-section.storage .container .head .heading-description, .slogan-section.storage .container .head .heading-title, .slogan-section.storage .container .head h1, .slogan-section.storage .container .head h2, .slogan-section.storage .container .head p, .slogan-section.storage .ish--grid .head .heading-description, .slogan-section.storage .ish--grid .head .heading-title, .slogan-section.storage .ish--grid .head h1, .slogan-section.storage .ish--grid .head h2, .slogan-section.storage .ish--grid .head p, .slogan-section.support .container .head .heading-description, .slogan-section.support .container .head .heading-title, .slogan-section.support .container .head h1, .slogan-section.support .container .head h2, .slogan-section.support .container .head p, .slogan-section.support .ish--grid .head .heading-description, .slogan-section.support .ish--grid .head .heading-title, .slogan-section.support .ish--grid .head h1, .slogan-section.support .ish--grid .head h2, .slogan-section.support .ish--grid .head p, .slogan-section.transfer-projects .container .head .heading-description, .slogan-section.transfer-projects .container .head .heading-title, .slogan-section.transfer-projects .container .head h1, .slogan-section.transfer-projects .container .head h2, .slogan-section.transfer-projects .container .head p, .slogan-section.transfer-projects .ish--grid .head .heading-description, .slogan-section.transfer-projects .ish--grid .head .heading-title, .slogan-section.transfer-projects .ish--grid .head h1, .slogan-section.transfer-projects .ish--grid .head h2, .slogan-section.transfer-projects .ish--grid .head p, .slogan-section.vds .container .head .heading-description, .slogan-section.vds .container .head .heading-title, .slogan-section.vds .container .head h1, .slogan-section.vds .container .head h2, .slogan-section.vds .container .head p, .slogan-section.vds .ish--grid .head .heading-description, .slogan-section.vds .ish--grid .head .heading-title, .slogan-section.vds .ish--grid .head h1, .slogan-section.vds .ish--grid .head h2, .slogan-section.vds .ish--grid .head p, .slogan-section.vpn .container .head .heading-description, .slogan-section.vpn .container .head .heading-title, .slogan-section.vpn .container .head h1, .slogan-section.vpn .container .head h2, .slogan-section.vpn .container .head p, .slogan-section.vpn .ish--grid .head .heading-description, .slogan-section.vpn .ish--grid .head .heading-title, .slogan-section.vpn .ish--grid .head h1, .slogan-section.vpn .ish--grid .head h2, .slogan-section.vpn .ish--grid .head p, .slogan-section.vps .container .head .heading-description, .slogan-section.vps .container .head .heading-title, .slogan-section.vps .container .head h1, .slogan-section.vps .container .head h2, .slogan-section.vps .container .head p, .slogan-section.vps .ish--grid .head .heading-description, .slogan-section.vps .ish--grid .head .heading-title, .slogan-section.vps .ish--grid .head h1, .slogan-section.vps .ish--grid .head h2, .slogan-section.vps .ish--grid .head p, .slogan-section.vulnerability-disclosure .container .head .heading-description, .slogan-section.vulnerability-disclosure .container .head .heading-title, .slogan-section.vulnerability-disclosure .container .head h1, .slogan-section.vulnerability-disclosure .container .head h2, .slogan-section.vulnerability-disclosure .container .head p, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title, .slogan-section.vulnerability-disclosure .ish--grid .head h1, .slogan-section.vulnerability-disclosure .ish--grid .head h2, .slogan-section.vulnerability-disclosure .ish--grid .head p {
        max-width: unset;
        width: 65%
    }
}

@media (max-width: 767.98px) {
    .slogan-section.about .container .head .heading-description, .slogan-section.about .container .head .heading-title, .slogan-section.about .container .head h1, .slogan-section.about .container .head h2, .slogan-section.about .container .head p, .slogan-section.about .ish--grid .head .heading-description, .slogan-section.about .ish--grid .head .heading-title, .slogan-section.about .ish--grid .head h1, .slogan-section.about .ish--grid .head h2, .slogan-section.about .ish--grid .head p, .slogan-section.affiliate .container .head .heading-description, .slogan-section.affiliate .container .head .heading-title, .slogan-section.affiliate .container .head h1, .slogan-section.affiliate .container .head h2, .slogan-section.affiliate .container .head p, .slogan-section.affiliate .ish--grid .head .heading-description, .slogan-section.affiliate .ish--grid .head .heading-title, .slogan-section.affiliate .ish--grid .head h1, .slogan-section.affiliate .ish--grid .head h2, .slogan-section.affiliate .ish--grid .head p, .slogan-section.api .container .head .heading-description, .slogan-section.api .container .head .heading-title, .slogan-section.api .container .head h1, .slogan-section.api .container .head h2, .slogan-section.api .container .head p, .slogan-section.api .ish--grid .head .heading-description, .slogan-section.api .ish--grid .head .heading-title, .slogan-section.api .ish--grid .head h1, .slogan-section.api .ish--grid .head h2, .slogan-section.api .ish--grid .head p, .slogan-section.cases .container .head .heading-description, .slogan-section.cases .container .head .heading-title, .slogan-section.cases .container .head h1, .slogan-section.cases .container .head h2, .slogan-section.cases .container .head p, .slogan-section.cases .ish--grid .head .heading-description, .slogan-section.cases .ish--grid .head .heading-title, .slogan-section.cases .ish--grid .head h1, .slogan-section.cases .ish--grid .head h2, .slogan-section.cases .ish--grid .head p, .slogan-section.datacenters .container .head .heading-description, .slogan-section.datacenters .container .head .heading-title, .slogan-section.datacenters .container .head h1, .slogan-section.datacenters .container .head h2, .slogan-section.datacenters .container .head p, .slogan-section.datacenters .ish--grid .head .heading-description, .slogan-section.datacenters .ish--grid .head .heading-title, .slogan-section.datacenters .ish--grid .head h1, .slogan-section.datacenters .ish--grid .head h2, .slogan-section.datacenters .ish--grid .head p, .slogan-section.error .container .head .heading-description, .slogan-section.error .container .head .heading-title, .slogan-section.error .container .head h1, .slogan-section.error .container .head h2, .slogan-section.error .container .head p, .slogan-section.error .ish--grid .head .heading-description, .slogan-section.error .ish--grid .head .heading-title, .slogan-section.error .ish--grid .head h1, .slogan-section.error .ish--grid .head h2, .slogan-section.error .ish--grid .head p, .slogan-section.payments-methods .container .head .heading-description, .slogan-section.payments-methods .container .head .heading-title, .slogan-section.payments-methods .container .head h1, .slogan-section.payments-methods .container .head h2, .slogan-section.payments-methods .container .head p, .slogan-section.payments-methods .ish--grid .head .heading-description, .slogan-section.payments-methods .ish--grid .head .heading-title, .slogan-section.payments-methods .ish--grid .head h1, .slogan-section.payments-methods .ish--grid .head h2, .slogan-section.payments-methods .ish--grid .head p, .slogan-section.special-offers .container .head .heading-description, .slogan-section.special-offers .container .head .heading-title, .slogan-section.special-offers .container .head h1, .slogan-section.special-offers .container .head h2, .slogan-section.special-offers .container .head p, .slogan-section.special-offers .ish--grid .head .heading-description, .slogan-section.special-offers .ish--grid .head .heading-title, .slogan-section.special-offers .ish--grid .head h1, .slogan-section.special-offers .ish--grid .head h2, .slogan-section.special-offers .ish--grid .head p, .slogan-section.speed-test .container .head .heading-description, .slogan-section.speed-test .container .head .heading-title, .slogan-section.speed-test .container .head h1, .slogan-section.speed-test .container .head h2, .slogan-section.speed-test .container .head p, .slogan-section.speed-test .ish--grid .head .heading-description, .slogan-section.speed-test .ish--grid .head .heading-title, .slogan-section.speed-test .ish--grid .head h1, .slogan-section.speed-test .ish--grid .head h2, .slogan-section.speed-test .ish--grid .head p, .slogan-section.storage .container .head .heading-description, .slogan-section.storage .container .head .heading-title, .slogan-section.storage .container .head h1, .slogan-section.storage .container .head h2, .slogan-section.storage .container .head p, .slogan-section.storage .ish--grid .head .heading-description, .slogan-section.storage .ish--grid .head .heading-title, .slogan-section.storage .ish--grid .head h1, .slogan-section.storage .ish--grid .head h2, .slogan-section.storage .ish--grid .head p, .slogan-section.support .container .head .heading-description, .slogan-section.support .container .head .heading-title, .slogan-section.support .container .head h1, .slogan-section.support .container .head h2, .slogan-section.support .container .head p, .slogan-section.support .ish--grid .head .heading-description, .slogan-section.support .ish--grid .head .heading-title, .slogan-section.support .ish--grid .head h1, .slogan-section.support .ish--grid .head h2, .slogan-section.support .ish--grid .head p, .slogan-section.transfer-projects .container .head .heading-description, .slogan-section.transfer-projects .container .head .heading-title, .slogan-section.transfer-projects .container .head h1, .slogan-section.transfer-projects .container .head h2, .slogan-section.transfer-projects .container .head p, .slogan-section.transfer-projects .ish--grid .head .heading-description, .slogan-section.transfer-projects .ish--grid .head .heading-title, .slogan-section.transfer-projects .ish--grid .head h1, .slogan-section.transfer-projects .ish--grid .head h2, .slogan-section.transfer-projects .ish--grid .head p, .slogan-section.vds .container .head .heading-description, .slogan-section.vds .container .head .heading-title, .slogan-section.vds .container .head h1, .slogan-section.vds .container .head h2, .slogan-section.vds .container .head p, .slogan-section.vds .ish--grid .head .heading-description, .slogan-section.vds .ish--grid .head .heading-title, .slogan-section.vds .ish--grid .head h1, .slogan-section.vds .ish--grid .head h2, .slogan-section.vds .ish--grid .head p, .slogan-section.vpn .container .head .heading-description, .slogan-section.vpn .container .head .heading-title, .slogan-section.vpn .container .head h1, .slogan-section.vpn .container .head h2, .slogan-section.vpn .container .head p, .slogan-section.vpn .ish--grid .head .heading-description, .slogan-section.vpn .ish--grid .head .heading-title, .slogan-section.vpn .ish--grid .head h1, .slogan-section.vpn .ish--grid .head h2, .slogan-section.vpn .ish--grid .head p, .slogan-section.vps .container .head .heading-description, .slogan-section.vps .container .head .heading-title, .slogan-section.vps .container .head h1, .slogan-section.vps .container .head h2, .slogan-section.vps .container .head p, .slogan-section.vps .ish--grid .head .heading-description, .slogan-section.vps .ish--grid .head .heading-title, .slogan-section.vps .ish--grid .head h1, .slogan-section.vps .ish--grid .head h2, .slogan-section.vps .ish--grid .head p, .slogan-section.vulnerability-disclosure .container .head .heading-description, .slogan-section.vulnerability-disclosure .container .head .heading-title, .slogan-section.vulnerability-disclosure .container .head h1, .slogan-section.vulnerability-disclosure .container .head h2, .slogan-section.vulnerability-disclosure .container .head p, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title, .slogan-section.vulnerability-disclosure .ish--grid .head h1, .slogan-section.vulnerability-disclosure .ish--grid .head h2, .slogan-section.vulnerability-disclosure .ish--grid .head p {
        max-width: unset;
        width: 100%
    }
}

.slogan-section.about .container .head .heading-description:has(.decorated), .slogan-section.about .container .head .heading-title:has(.decorated), .slogan-section.about .container .head h1:has(.decorated), .slogan-section.about .container .head h2:has(.decorated), .slogan-section.about .container .head p:has(.decorated), .slogan-section.about .ish--grid .head .heading-description:has(.decorated), .slogan-section.about .ish--grid .head .heading-title:has(.decorated), .slogan-section.about .ish--grid .head h1:has(.decorated), .slogan-section.about .ish--grid .head h2:has(.decorated), .slogan-section.about .ish--grid .head p:has(.decorated), .slogan-section.affiliate .container .head .heading-description:has(.decorated), .slogan-section.affiliate .container .head .heading-title:has(.decorated), .slogan-section.affiliate .container .head h1:has(.decorated), .slogan-section.affiliate .container .head h2:has(.decorated), .slogan-section.affiliate .container .head p:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-description:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-title:has(.decorated), .slogan-section.affiliate .ish--grid .head h1:has(.decorated), .slogan-section.affiliate .ish--grid .head h2:has(.decorated), .slogan-section.affiliate .ish--grid .head p:has(.decorated), .slogan-section.api .container .head .heading-description:has(.decorated), .slogan-section.api .container .head .heading-title:has(.decorated), .slogan-section.api .container .head h1:has(.decorated), .slogan-section.api .container .head h2:has(.decorated), .slogan-section.api .container .head p:has(.decorated), .slogan-section.api .ish--grid .head .heading-description:has(.decorated), .slogan-section.api .ish--grid .head .heading-title:has(.decorated), .slogan-section.api .ish--grid .head h1:has(.decorated), .slogan-section.api .ish--grid .head h2:has(.decorated), .slogan-section.api .ish--grid .head p:has(.decorated), .slogan-section.cases .container .head .heading-description:has(.decorated), .slogan-section.cases .container .head .heading-title:has(.decorated), .slogan-section.cases .container .head h1:has(.decorated), .slogan-section.cases .container .head h2:has(.decorated), .slogan-section.cases .container .head p:has(.decorated), .slogan-section.cases .ish--grid .head .heading-description:has(.decorated), .slogan-section.cases .ish--grid .head .heading-title:has(.decorated), .slogan-section.cases .ish--grid .head h1:has(.decorated), .slogan-section.cases .ish--grid .head h2:has(.decorated), .slogan-section.cases .ish--grid .head p:has(.decorated), .slogan-section.datacenters .container .head .heading-description:has(.decorated), .slogan-section.datacenters .container .head .heading-title:has(.decorated), .slogan-section.datacenters .container .head h1:has(.decorated), .slogan-section.datacenters .container .head h2:has(.decorated), .slogan-section.datacenters .container .head p:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-description:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-title:has(.decorated), .slogan-section.datacenters .ish--grid .head h1:has(.decorated), .slogan-section.datacenters .ish--grid .head h2:has(.decorated), .slogan-section.datacenters .ish--grid .head p:has(.decorated), .slogan-section.error .container .head .heading-description:has(.decorated), .slogan-section.error .container .head .heading-title:has(.decorated), .slogan-section.error .container .head h1:has(.decorated), .slogan-section.error .container .head h2:has(.decorated), .slogan-section.error .container .head p:has(.decorated), .slogan-section.error .ish--grid .head .heading-description:has(.decorated), .slogan-section.error .ish--grid .head .heading-title:has(.decorated), .slogan-section.error .ish--grid .head h1:has(.decorated), .slogan-section.error .ish--grid .head h2:has(.decorated), .slogan-section.error .ish--grid .head p:has(.decorated), .slogan-section.payments-methods .container .head .heading-description:has(.decorated), .slogan-section.payments-methods .container .head .heading-title:has(.decorated), .slogan-section.payments-methods .container .head h1:has(.decorated), .slogan-section.payments-methods .container .head h2:has(.decorated), .slogan-section.payments-methods .container .head p:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-description:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-title:has(.decorated), .slogan-section.payments-methods .ish--grid .head h1:has(.decorated), .slogan-section.payments-methods .ish--grid .head h2:has(.decorated), .slogan-section.payments-methods .ish--grid .head p:has(.decorated), .slogan-section.special-offers .container .head .heading-description:has(.decorated), .slogan-section.special-offers .container .head .heading-title:has(.decorated), .slogan-section.special-offers .container .head h1:has(.decorated), .slogan-section.special-offers .container .head h2:has(.decorated), .slogan-section.special-offers .container .head p:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-description:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-title:has(.decorated), .slogan-section.special-offers .ish--grid .head h1:has(.decorated), .slogan-section.special-offers .ish--grid .head h2:has(.decorated), .slogan-section.special-offers .ish--grid .head p:has(.decorated), .slogan-section.speed-test .container .head .heading-description:has(.decorated), .slogan-section.speed-test .container .head .heading-title:has(.decorated), .slogan-section.speed-test .container .head h1:has(.decorated), .slogan-section.speed-test .container .head h2:has(.decorated), .slogan-section.speed-test .container .head p:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-description:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-title:has(.decorated), .slogan-section.speed-test .ish--grid .head h1:has(.decorated), .slogan-section.speed-test .ish--grid .head h2:has(.decorated), .slogan-section.speed-test .ish--grid .head p:has(.decorated), .slogan-section.storage .container .head .heading-description:has(.decorated), .slogan-section.storage .container .head .heading-title:has(.decorated), .slogan-section.storage .container .head h1:has(.decorated), .slogan-section.storage .container .head h2:has(.decorated), .slogan-section.storage .container .head p:has(.decorated), .slogan-section.storage .ish--grid .head .heading-description:has(.decorated), .slogan-section.storage .ish--grid .head .heading-title:has(.decorated), .slogan-section.storage .ish--grid .head h1:has(.decorated), .slogan-section.storage .ish--grid .head h2:has(.decorated), .slogan-section.storage .ish--grid .head p:has(.decorated), .slogan-section.support .container .head .heading-description:has(.decorated), .slogan-section.support .container .head .heading-title:has(.decorated), .slogan-section.support .container .head h1:has(.decorated), .slogan-section.support .container .head h2:has(.decorated), .slogan-section.support .container .head p:has(.decorated), .slogan-section.support .ish--grid .head .heading-description:has(.decorated), .slogan-section.support .ish--grid .head .heading-title:has(.decorated), .slogan-section.support .ish--grid .head h1:has(.decorated), .slogan-section.support .ish--grid .head h2:has(.decorated), .slogan-section.support .ish--grid .head p:has(.decorated), .slogan-section.transfer-projects .container .head .heading-description:has(.decorated), .slogan-section.transfer-projects .container .head .heading-title:has(.decorated), .slogan-section.transfer-projects .container .head h1:has(.decorated), .slogan-section.transfer-projects .container .head h2:has(.decorated), .slogan-section.transfer-projects .container .head p:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-description:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-title:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h1:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h2:has(.decorated), .slogan-section.transfer-projects .ish--grid .head p:has(.decorated), .slogan-section.vds .container .head .heading-description:has(.decorated), .slogan-section.vds .container .head .heading-title:has(.decorated), .slogan-section.vds .container .head h1:has(.decorated), .slogan-section.vds .container .head h2:has(.decorated), .slogan-section.vds .container .head p:has(.decorated), .slogan-section.vds .ish--grid .head .heading-description:has(.decorated), .slogan-section.vds .ish--grid .head .heading-title:has(.decorated), .slogan-section.vds .ish--grid .head h1:has(.decorated), .slogan-section.vds .ish--grid .head h2:has(.decorated), .slogan-section.vds .ish--grid .head p:has(.decorated), .slogan-section.vpn .container .head .heading-description:has(.decorated), .slogan-section.vpn .container .head .heading-title:has(.decorated), .slogan-section.vpn .container .head h1:has(.decorated), .slogan-section.vpn .container .head h2:has(.decorated), .slogan-section.vpn .container .head p:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-description:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-title:has(.decorated), .slogan-section.vpn .ish--grid .head h1:has(.decorated), .slogan-section.vpn .ish--grid .head h2:has(.decorated), .slogan-section.vpn .ish--grid .head p:has(.decorated), .slogan-section.vps .container .head .heading-description:has(.decorated), .slogan-section.vps .container .head .heading-title:has(.decorated), .slogan-section.vps .container .head h1:has(.decorated), .slogan-section.vps .container .head h2:has(.decorated), .slogan-section.vps .container .head p:has(.decorated), .slogan-section.vps .ish--grid .head .heading-description:has(.decorated), .slogan-section.vps .ish--grid .head .heading-title:has(.decorated), .slogan-section.vps .ish--grid .head h1:has(.decorated), .slogan-section.vps .ish--grid .head h2:has(.decorated), .slogan-section.vps .ish--grid .head p:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .container .head p:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head p:has(.decorated) {
    width: 70%
}

@media (max-width: 1199.98px) {
    .slogan-section.about .container .head .heading-description:has(.decorated), .slogan-section.about .container .head .heading-title:has(.decorated), .slogan-section.about .container .head h1:has(.decorated), .slogan-section.about .container .head h2:has(.decorated), .slogan-section.about .container .head p:has(.decorated), .slogan-section.about .ish--grid .head .heading-description:has(.decorated), .slogan-section.about .ish--grid .head .heading-title:has(.decorated), .slogan-section.about .ish--grid .head h1:has(.decorated), .slogan-section.about .ish--grid .head h2:has(.decorated), .slogan-section.about .ish--grid .head p:has(.decorated), .slogan-section.affiliate .container .head .heading-description:has(.decorated), .slogan-section.affiliate .container .head .heading-title:has(.decorated), .slogan-section.affiliate .container .head h1:has(.decorated), .slogan-section.affiliate .container .head h2:has(.decorated), .slogan-section.affiliate .container .head p:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-description:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-title:has(.decorated), .slogan-section.affiliate .ish--grid .head h1:has(.decorated), .slogan-section.affiliate .ish--grid .head h2:has(.decorated), .slogan-section.affiliate .ish--grid .head p:has(.decorated), .slogan-section.api .container .head .heading-description:has(.decorated), .slogan-section.api .container .head .heading-title:has(.decorated), .slogan-section.api .container .head h1:has(.decorated), .slogan-section.api .container .head h2:has(.decorated), .slogan-section.api .container .head p:has(.decorated), .slogan-section.api .ish--grid .head .heading-description:has(.decorated), .slogan-section.api .ish--grid .head .heading-title:has(.decorated), .slogan-section.api .ish--grid .head h1:has(.decorated), .slogan-section.api .ish--grid .head h2:has(.decorated), .slogan-section.api .ish--grid .head p:has(.decorated), .slogan-section.cases .container .head .heading-description:has(.decorated), .slogan-section.cases .container .head .heading-title:has(.decorated), .slogan-section.cases .container .head h1:has(.decorated), .slogan-section.cases .container .head h2:has(.decorated), .slogan-section.cases .container .head p:has(.decorated), .slogan-section.cases .ish--grid .head .heading-description:has(.decorated), .slogan-section.cases .ish--grid .head .heading-title:has(.decorated), .slogan-section.cases .ish--grid .head h1:has(.decorated), .slogan-section.cases .ish--grid .head h2:has(.decorated), .slogan-section.cases .ish--grid .head p:has(.decorated), .slogan-section.datacenters .container .head .heading-description:has(.decorated), .slogan-section.datacenters .container .head .heading-title:has(.decorated), .slogan-section.datacenters .container .head h1:has(.decorated), .slogan-section.datacenters .container .head h2:has(.decorated), .slogan-section.datacenters .container .head p:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-description:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-title:has(.decorated), .slogan-section.datacenters .ish--grid .head h1:has(.decorated), .slogan-section.datacenters .ish--grid .head h2:has(.decorated), .slogan-section.datacenters .ish--grid .head p:has(.decorated), .slogan-section.error .container .head .heading-description:has(.decorated), .slogan-section.error .container .head .heading-title:has(.decorated), .slogan-section.error .container .head h1:has(.decorated), .slogan-section.error .container .head h2:has(.decorated), .slogan-section.error .container .head p:has(.decorated), .slogan-section.error .ish--grid .head .heading-description:has(.decorated), .slogan-section.error .ish--grid .head .heading-title:has(.decorated), .slogan-section.error .ish--grid .head h1:has(.decorated), .slogan-section.error .ish--grid .head h2:has(.decorated), .slogan-section.error .ish--grid .head p:has(.decorated), .slogan-section.payments-methods .container .head .heading-description:has(.decorated), .slogan-section.payments-methods .container .head .heading-title:has(.decorated), .slogan-section.payments-methods .container .head h1:has(.decorated), .slogan-section.payments-methods .container .head h2:has(.decorated), .slogan-section.payments-methods .container .head p:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-description:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-title:has(.decorated), .slogan-section.payments-methods .ish--grid .head h1:has(.decorated), .slogan-section.payments-methods .ish--grid .head h2:has(.decorated), .slogan-section.payments-methods .ish--grid .head p:has(.decorated), .slogan-section.special-offers .container .head .heading-description:has(.decorated), .slogan-section.special-offers .container .head .heading-title:has(.decorated), .slogan-section.special-offers .container .head h1:has(.decorated), .slogan-section.special-offers .container .head h2:has(.decorated), .slogan-section.special-offers .container .head p:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-description:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-title:has(.decorated), .slogan-section.special-offers .ish--grid .head h1:has(.decorated), .slogan-section.special-offers .ish--grid .head h2:has(.decorated), .slogan-section.special-offers .ish--grid .head p:has(.decorated), .slogan-section.speed-test .container .head .heading-description:has(.decorated), .slogan-section.speed-test .container .head .heading-title:has(.decorated), .slogan-section.speed-test .container .head h1:has(.decorated), .slogan-section.speed-test .container .head h2:has(.decorated), .slogan-section.speed-test .container .head p:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-description:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-title:has(.decorated), .slogan-section.speed-test .ish--grid .head h1:has(.decorated), .slogan-section.speed-test .ish--grid .head h2:has(.decorated), .slogan-section.speed-test .ish--grid .head p:has(.decorated), .slogan-section.storage .container .head .heading-description:has(.decorated), .slogan-section.storage .container .head .heading-title:has(.decorated), .slogan-section.storage .container .head h1:has(.decorated), .slogan-section.storage .container .head h2:has(.decorated), .slogan-section.storage .container .head p:has(.decorated), .slogan-section.storage .ish--grid .head .heading-description:has(.decorated), .slogan-section.storage .ish--grid .head .heading-title:has(.decorated), .slogan-section.storage .ish--grid .head h1:has(.decorated), .slogan-section.storage .ish--grid .head h2:has(.decorated), .slogan-section.storage .ish--grid .head p:has(.decorated), .slogan-section.support .container .head .heading-description:has(.decorated), .slogan-section.support .container .head .heading-title:has(.decorated), .slogan-section.support .container .head h1:has(.decorated), .slogan-section.support .container .head h2:has(.decorated), .slogan-section.support .container .head p:has(.decorated), .slogan-section.support .ish--grid .head .heading-description:has(.decorated), .slogan-section.support .ish--grid .head .heading-title:has(.decorated), .slogan-section.support .ish--grid .head h1:has(.decorated), .slogan-section.support .ish--grid .head h2:has(.decorated), .slogan-section.support .ish--grid .head p:has(.decorated), .slogan-section.transfer-projects .container .head .heading-description:has(.decorated), .slogan-section.transfer-projects .container .head .heading-title:has(.decorated), .slogan-section.transfer-projects .container .head h1:has(.decorated), .slogan-section.transfer-projects .container .head h2:has(.decorated), .slogan-section.transfer-projects .container .head p:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-description:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-title:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h1:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h2:has(.decorated), .slogan-section.transfer-projects .ish--grid .head p:has(.decorated), .slogan-section.vds .container .head .heading-description:has(.decorated), .slogan-section.vds .container .head .heading-title:has(.decorated), .slogan-section.vds .container .head h1:has(.decorated), .slogan-section.vds .container .head h2:has(.decorated), .slogan-section.vds .container .head p:has(.decorated), .slogan-section.vds .ish--grid .head .heading-description:has(.decorated), .slogan-section.vds .ish--grid .head .heading-title:has(.decorated), .slogan-section.vds .ish--grid .head h1:has(.decorated), .slogan-section.vds .ish--grid .head h2:has(.decorated), .slogan-section.vds .ish--grid .head p:has(.decorated), .slogan-section.vpn .container .head .heading-description:has(.decorated), .slogan-section.vpn .container .head .heading-title:has(.decorated), .slogan-section.vpn .container .head h1:has(.decorated), .slogan-section.vpn .container .head h2:has(.decorated), .slogan-section.vpn .container .head p:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-description:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-title:has(.decorated), .slogan-section.vpn .ish--grid .head h1:has(.decorated), .slogan-section.vpn .ish--grid .head h2:has(.decorated), .slogan-section.vpn .ish--grid .head p:has(.decorated), .slogan-section.vps .container .head .heading-description:has(.decorated), .slogan-section.vps .container .head .heading-title:has(.decorated), .slogan-section.vps .container .head h1:has(.decorated), .slogan-section.vps .container .head h2:has(.decorated), .slogan-section.vps .container .head p:has(.decorated), .slogan-section.vps .ish--grid .head .heading-description:has(.decorated), .slogan-section.vps .ish--grid .head .heading-title:has(.decorated), .slogan-section.vps .ish--grid .head h1:has(.decorated), .slogan-section.vps .ish--grid .head h2:has(.decorated), .slogan-section.vps .ish--grid .head p:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .container .head p:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head p:has(.decorated) {
        width: 80%
    }
}

@media (max-width: 991.98px) {
    .slogan-section.about .container .head .heading-description:has(.decorated), .slogan-section.about .container .head .heading-title:has(.decorated), .slogan-section.about .container .head h1:has(.decorated), .slogan-section.about .container .head h2:has(.decorated), .slogan-section.about .container .head p:has(.decorated), .slogan-section.about .ish--grid .head .heading-description:has(.decorated), .slogan-section.about .ish--grid .head .heading-title:has(.decorated), .slogan-section.about .ish--grid .head h1:has(.decorated), .slogan-section.about .ish--grid .head h2:has(.decorated), .slogan-section.about .ish--grid .head p:has(.decorated), .slogan-section.affiliate .container .head .heading-description:has(.decorated), .slogan-section.affiliate .container .head .heading-title:has(.decorated), .slogan-section.affiliate .container .head h1:has(.decorated), .slogan-section.affiliate .container .head h2:has(.decorated), .slogan-section.affiliate .container .head p:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-description:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-title:has(.decorated), .slogan-section.affiliate .ish--grid .head h1:has(.decorated), .slogan-section.affiliate .ish--grid .head h2:has(.decorated), .slogan-section.affiliate .ish--grid .head p:has(.decorated), .slogan-section.api .container .head .heading-description:has(.decorated), .slogan-section.api .container .head .heading-title:has(.decorated), .slogan-section.api .container .head h1:has(.decorated), .slogan-section.api .container .head h2:has(.decorated), .slogan-section.api .container .head p:has(.decorated), .slogan-section.api .ish--grid .head .heading-description:has(.decorated), .slogan-section.api .ish--grid .head .heading-title:has(.decorated), .slogan-section.api .ish--grid .head h1:has(.decorated), .slogan-section.api .ish--grid .head h2:has(.decorated), .slogan-section.api .ish--grid .head p:has(.decorated), .slogan-section.cases .container .head .heading-description:has(.decorated), .slogan-section.cases .container .head .heading-title:has(.decorated), .slogan-section.cases .container .head h1:has(.decorated), .slogan-section.cases .container .head h2:has(.decorated), .slogan-section.cases .container .head p:has(.decorated), .slogan-section.cases .ish--grid .head .heading-description:has(.decorated), .slogan-section.cases .ish--grid .head .heading-title:has(.decorated), .slogan-section.cases .ish--grid .head h1:has(.decorated), .slogan-section.cases .ish--grid .head h2:has(.decorated), .slogan-section.cases .ish--grid .head p:has(.decorated), .slogan-section.datacenters .container .head .heading-description:has(.decorated), .slogan-section.datacenters .container .head .heading-title:has(.decorated), .slogan-section.datacenters .container .head h1:has(.decorated), .slogan-section.datacenters .container .head h2:has(.decorated), .slogan-section.datacenters .container .head p:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-description:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-title:has(.decorated), .slogan-section.datacenters .ish--grid .head h1:has(.decorated), .slogan-section.datacenters .ish--grid .head h2:has(.decorated), .slogan-section.datacenters .ish--grid .head p:has(.decorated), .slogan-section.error .container .head .heading-description:has(.decorated), .slogan-section.error .container .head .heading-title:has(.decorated), .slogan-section.error .container .head h1:has(.decorated), .slogan-section.error .container .head h2:has(.decorated), .slogan-section.error .container .head p:has(.decorated), .slogan-section.error .ish--grid .head .heading-description:has(.decorated), .slogan-section.error .ish--grid .head .heading-title:has(.decorated), .slogan-section.error .ish--grid .head h1:has(.decorated), .slogan-section.error .ish--grid .head h2:has(.decorated), .slogan-section.error .ish--grid .head p:has(.decorated), .slogan-section.payments-methods .container .head .heading-description:has(.decorated), .slogan-section.payments-methods .container .head .heading-title:has(.decorated), .slogan-section.payments-methods .container .head h1:has(.decorated), .slogan-section.payments-methods .container .head h2:has(.decorated), .slogan-section.payments-methods .container .head p:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-description:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-title:has(.decorated), .slogan-section.payments-methods .ish--grid .head h1:has(.decorated), .slogan-section.payments-methods .ish--grid .head h2:has(.decorated), .slogan-section.payments-methods .ish--grid .head p:has(.decorated), .slogan-section.special-offers .container .head .heading-description:has(.decorated), .slogan-section.special-offers .container .head .heading-title:has(.decorated), .slogan-section.special-offers .container .head h1:has(.decorated), .slogan-section.special-offers .container .head h2:has(.decorated), .slogan-section.special-offers .container .head p:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-description:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-title:has(.decorated), .slogan-section.special-offers .ish--grid .head h1:has(.decorated), .slogan-section.special-offers .ish--grid .head h2:has(.decorated), .slogan-section.special-offers .ish--grid .head p:has(.decorated), .slogan-section.speed-test .container .head .heading-description:has(.decorated), .slogan-section.speed-test .container .head .heading-title:has(.decorated), .slogan-section.speed-test .container .head h1:has(.decorated), .slogan-section.speed-test .container .head h2:has(.decorated), .slogan-section.speed-test .container .head p:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-description:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-title:has(.decorated), .slogan-section.speed-test .ish--grid .head h1:has(.decorated), .slogan-section.speed-test .ish--grid .head h2:has(.decorated), .slogan-section.speed-test .ish--grid .head p:has(.decorated), .slogan-section.storage .container .head .heading-description:has(.decorated), .slogan-section.storage .container .head .heading-title:has(.decorated), .slogan-section.storage .container .head h1:has(.decorated), .slogan-section.storage .container .head h2:has(.decorated), .slogan-section.storage .container .head p:has(.decorated), .slogan-section.storage .ish--grid .head .heading-description:has(.decorated), .slogan-section.storage .ish--grid .head .heading-title:has(.decorated), .slogan-section.storage .ish--grid .head h1:has(.decorated), .slogan-section.storage .ish--grid .head h2:has(.decorated), .slogan-section.storage .ish--grid .head p:has(.decorated), .slogan-section.support .container .head .heading-description:has(.decorated), .slogan-section.support .container .head .heading-title:has(.decorated), .slogan-section.support .container .head h1:has(.decorated), .slogan-section.support .container .head h2:has(.decorated), .slogan-section.support .container .head p:has(.decorated), .slogan-section.support .ish--grid .head .heading-description:has(.decorated), .slogan-section.support .ish--grid .head .heading-title:has(.decorated), .slogan-section.support .ish--grid .head h1:has(.decorated), .slogan-section.support .ish--grid .head h2:has(.decorated), .slogan-section.support .ish--grid .head p:has(.decorated), .slogan-section.transfer-projects .container .head .heading-description:has(.decorated), .slogan-section.transfer-projects .container .head .heading-title:has(.decorated), .slogan-section.transfer-projects .container .head h1:has(.decorated), .slogan-section.transfer-projects .container .head h2:has(.decorated), .slogan-section.transfer-projects .container .head p:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-description:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-title:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h1:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h2:has(.decorated), .slogan-section.transfer-projects .ish--grid .head p:has(.decorated), .slogan-section.vds .container .head .heading-description:has(.decorated), .slogan-section.vds .container .head .heading-title:has(.decorated), .slogan-section.vds .container .head h1:has(.decorated), .slogan-section.vds .container .head h2:has(.decorated), .slogan-section.vds .container .head p:has(.decorated), .slogan-section.vds .ish--grid .head .heading-description:has(.decorated), .slogan-section.vds .ish--grid .head .heading-title:has(.decorated), .slogan-section.vds .ish--grid .head h1:has(.decorated), .slogan-section.vds .ish--grid .head h2:has(.decorated), .slogan-section.vds .ish--grid .head p:has(.decorated), .slogan-section.vpn .container .head .heading-description:has(.decorated), .slogan-section.vpn .container .head .heading-title:has(.decorated), .slogan-section.vpn .container .head h1:has(.decorated), .slogan-section.vpn .container .head h2:has(.decorated), .slogan-section.vpn .container .head p:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-description:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-title:has(.decorated), .slogan-section.vpn .ish--grid .head h1:has(.decorated), .slogan-section.vpn .ish--grid .head h2:has(.decorated), .slogan-section.vpn .ish--grid .head p:has(.decorated), .slogan-section.vps .container .head .heading-description:has(.decorated), .slogan-section.vps .container .head .heading-title:has(.decorated), .slogan-section.vps .container .head h1:has(.decorated), .slogan-section.vps .container .head h2:has(.decorated), .slogan-section.vps .container .head p:has(.decorated), .slogan-section.vps .ish--grid .head .heading-description:has(.decorated), .slogan-section.vps .ish--grid .head .heading-title:has(.decorated), .slogan-section.vps .ish--grid .head h1:has(.decorated), .slogan-section.vps .ish--grid .head h2:has(.decorated), .slogan-section.vps .ish--grid .head p:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .container .head p:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head p:has(.decorated) {
        width: 85%
    }
}

@media (max-width: 767.98px) {
    .slogan-section.about .container .head .heading-description:has(.decorated), .slogan-section.about .container .head .heading-title:has(.decorated), .slogan-section.about .container .head h1:has(.decorated), .slogan-section.about .container .head h2:has(.decorated), .slogan-section.about .container .head p:has(.decorated), .slogan-section.about .ish--grid .head .heading-description:has(.decorated), .slogan-section.about .ish--grid .head .heading-title:has(.decorated), .slogan-section.about .ish--grid .head h1:has(.decorated), .slogan-section.about .ish--grid .head h2:has(.decorated), .slogan-section.about .ish--grid .head p:has(.decorated), .slogan-section.affiliate .container .head .heading-description:has(.decorated), .slogan-section.affiliate .container .head .heading-title:has(.decorated), .slogan-section.affiliate .container .head h1:has(.decorated), .slogan-section.affiliate .container .head h2:has(.decorated), .slogan-section.affiliate .container .head p:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-description:has(.decorated), .slogan-section.affiliate .ish--grid .head .heading-title:has(.decorated), .slogan-section.affiliate .ish--grid .head h1:has(.decorated), .slogan-section.affiliate .ish--grid .head h2:has(.decorated), .slogan-section.affiliate .ish--grid .head p:has(.decorated), .slogan-section.api .container .head .heading-description:has(.decorated), .slogan-section.api .container .head .heading-title:has(.decorated), .slogan-section.api .container .head h1:has(.decorated), .slogan-section.api .container .head h2:has(.decorated), .slogan-section.api .container .head p:has(.decorated), .slogan-section.api .ish--grid .head .heading-description:has(.decorated), .slogan-section.api .ish--grid .head .heading-title:has(.decorated), .slogan-section.api .ish--grid .head h1:has(.decorated), .slogan-section.api .ish--grid .head h2:has(.decorated), .slogan-section.api .ish--grid .head p:has(.decorated), .slogan-section.cases .container .head .heading-description:has(.decorated), .slogan-section.cases .container .head .heading-title:has(.decorated), .slogan-section.cases .container .head h1:has(.decorated), .slogan-section.cases .container .head h2:has(.decorated), .slogan-section.cases .container .head p:has(.decorated), .slogan-section.cases .ish--grid .head .heading-description:has(.decorated), .slogan-section.cases .ish--grid .head .heading-title:has(.decorated), .slogan-section.cases .ish--grid .head h1:has(.decorated), .slogan-section.cases .ish--grid .head h2:has(.decorated), .slogan-section.cases .ish--grid .head p:has(.decorated), .slogan-section.datacenters .container .head .heading-description:has(.decorated), .slogan-section.datacenters .container .head .heading-title:has(.decorated), .slogan-section.datacenters .container .head h1:has(.decorated), .slogan-section.datacenters .container .head h2:has(.decorated), .slogan-section.datacenters .container .head p:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-description:has(.decorated), .slogan-section.datacenters .ish--grid .head .heading-title:has(.decorated), .slogan-section.datacenters .ish--grid .head h1:has(.decorated), .slogan-section.datacenters .ish--grid .head h2:has(.decorated), .slogan-section.datacenters .ish--grid .head p:has(.decorated), .slogan-section.error .container .head .heading-description:has(.decorated), .slogan-section.error .container .head .heading-title:has(.decorated), .slogan-section.error .container .head h1:has(.decorated), .slogan-section.error .container .head h2:has(.decorated), .slogan-section.error .container .head p:has(.decorated), .slogan-section.error .ish--grid .head .heading-description:has(.decorated), .slogan-section.error .ish--grid .head .heading-title:has(.decorated), .slogan-section.error .ish--grid .head h1:has(.decorated), .slogan-section.error .ish--grid .head h2:has(.decorated), .slogan-section.error .ish--grid .head p:has(.decorated), .slogan-section.payments-methods .container .head .heading-description:has(.decorated), .slogan-section.payments-methods .container .head .heading-title:has(.decorated), .slogan-section.payments-methods .container .head h1:has(.decorated), .slogan-section.payments-methods .container .head h2:has(.decorated), .slogan-section.payments-methods .container .head p:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-description:has(.decorated), .slogan-section.payments-methods .ish--grid .head .heading-title:has(.decorated), .slogan-section.payments-methods .ish--grid .head h1:has(.decorated), .slogan-section.payments-methods .ish--grid .head h2:has(.decorated), .slogan-section.payments-methods .ish--grid .head p:has(.decorated), .slogan-section.special-offers .container .head .heading-description:has(.decorated), .slogan-section.special-offers .container .head .heading-title:has(.decorated), .slogan-section.special-offers .container .head h1:has(.decorated), .slogan-section.special-offers .container .head h2:has(.decorated), .slogan-section.special-offers .container .head p:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-description:has(.decorated), .slogan-section.special-offers .ish--grid .head .heading-title:has(.decorated), .slogan-section.special-offers .ish--grid .head h1:has(.decorated), .slogan-section.special-offers .ish--grid .head h2:has(.decorated), .slogan-section.special-offers .ish--grid .head p:has(.decorated), .slogan-section.speed-test .container .head .heading-description:has(.decorated), .slogan-section.speed-test .container .head .heading-title:has(.decorated), .slogan-section.speed-test .container .head h1:has(.decorated), .slogan-section.speed-test .container .head h2:has(.decorated), .slogan-section.speed-test .container .head p:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-description:has(.decorated), .slogan-section.speed-test .ish--grid .head .heading-title:has(.decorated), .slogan-section.speed-test .ish--grid .head h1:has(.decorated), .slogan-section.speed-test .ish--grid .head h2:has(.decorated), .slogan-section.speed-test .ish--grid .head p:has(.decorated), .slogan-section.storage .container .head .heading-description:has(.decorated), .slogan-section.storage .container .head .heading-title:has(.decorated), .slogan-section.storage .container .head h1:has(.decorated), .slogan-section.storage .container .head h2:has(.decorated), .slogan-section.storage .container .head p:has(.decorated), .slogan-section.storage .ish--grid .head .heading-description:has(.decorated), .slogan-section.storage .ish--grid .head .heading-title:has(.decorated), .slogan-section.storage .ish--grid .head h1:has(.decorated), .slogan-section.storage .ish--grid .head h2:has(.decorated), .slogan-section.storage .ish--grid .head p:has(.decorated), .slogan-section.support .container .head .heading-description:has(.decorated), .slogan-section.support .container .head .heading-title:has(.decorated), .slogan-section.support .container .head h1:has(.decorated), .slogan-section.support .container .head h2:has(.decorated), .slogan-section.support .container .head p:has(.decorated), .slogan-section.support .ish--grid .head .heading-description:has(.decorated), .slogan-section.support .ish--grid .head .heading-title:has(.decorated), .slogan-section.support .ish--grid .head h1:has(.decorated), .slogan-section.support .ish--grid .head h2:has(.decorated), .slogan-section.support .ish--grid .head p:has(.decorated), .slogan-section.transfer-projects .container .head .heading-description:has(.decorated), .slogan-section.transfer-projects .container .head .heading-title:has(.decorated), .slogan-section.transfer-projects .container .head h1:has(.decorated), .slogan-section.transfer-projects .container .head h2:has(.decorated), .slogan-section.transfer-projects .container .head p:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-description:has(.decorated), .slogan-section.transfer-projects .ish--grid .head .heading-title:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h1:has(.decorated), .slogan-section.transfer-projects .ish--grid .head h2:has(.decorated), .slogan-section.transfer-projects .ish--grid .head p:has(.decorated), .slogan-section.vds .container .head .heading-description:has(.decorated), .slogan-section.vds .container .head .heading-title:has(.decorated), .slogan-section.vds .container .head h1:has(.decorated), .slogan-section.vds .container .head h2:has(.decorated), .slogan-section.vds .container .head p:has(.decorated), .slogan-section.vds .ish--grid .head .heading-description:has(.decorated), .slogan-section.vds .ish--grid .head .heading-title:has(.decorated), .slogan-section.vds .ish--grid .head h1:has(.decorated), .slogan-section.vds .ish--grid .head h2:has(.decorated), .slogan-section.vds .ish--grid .head p:has(.decorated), .slogan-section.vpn .container .head .heading-description:has(.decorated), .slogan-section.vpn .container .head .heading-title:has(.decorated), .slogan-section.vpn .container .head h1:has(.decorated), .slogan-section.vpn .container .head h2:has(.decorated), .slogan-section.vpn .container .head p:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-description:has(.decorated), .slogan-section.vpn .ish--grid .head .heading-title:has(.decorated), .slogan-section.vpn .ish--grid .head h1:has(.decorated), .slogan-section.vpn .ish--grid .head h2:has(.decorated), .slogan-section.vpn .ish--grid .head p:has(.decorated), .slogan-section.vps .container .head .heading-description:has(.decorated), .slogan-section.vps .container .head .heading-title:has(.decorated), .slogan-section.vps .container .head h1:has(.decorated), .slogan-section.vps .container .head h2:has(.decorated), .slogan-section.vps .container .head p:has(.decorated), .slogan-section.vps .ish--grid .head .heading-description:has(.decorated), .slogan-section.vps .ish--grid .head .heading-title:has(.decorated), .slogan-section.vps .ish--grid .head h1:has(.decorated), .slogan-section.vps .ish--grid .head h2:has(.decorated), .slogan-section.vps .ish--grid .head p:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .container .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .container .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .container .head p:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h1:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head h2:has(.decorated), .slogan-section.vulnerability-disclosure .ish--grid .head p:has(.decorated) {
        width: 100%
    }
}

.slogan-section.about .container .head .heading-description .decorated, .slogan-section.about .container .head .heading-title .decorated, .slogan-section.about .container .head h1 .decorated, .slogan-section.about .container .head h2 .decorated, .slogan-section.about .container .head p .decorated, .slogan-section.about .ish--grid .head .heading-description .decorated, .slogan-section.about .ish--grid .head .heading-title .decorated, .slogan-section.about .ish--grid .head h1 .decorated, .slogan-section.about .ish--grid .head h2 .decorated, .slogan-section.about .ish--grid .head p .decorated, .slogan-section.affiliate .container .head .heading-description .decorated, .slogan-section.affiliate .container .head .heading-title .decorated, .slogan-section.affiliate .container .head h1 .decorated, .slogan-section.affiliate .container .head h2 .decorated, .slogan-section.affiliate .container .head p .decorated, .slogan-section.affiliate .ish--grid .head .heading-description .decorated, .slogan-section.affiliate .ish--grid .head .heading-title .decorated, .slogan-section.affiliate .ish--grid .head h1 .decorated, .slogan-section.affiliate .ish--grid .head h2 .decorated, .slogan-section.affiliate .ish--grid .head p .decorated, .slogan-section.api .container .head .heading-description .decorated, .slogan-section.api .container .head .heading-title .decorated, .slogan-section.api .container .head h1 .decorated, .slogan-section.api .container .head h2 .decorated, .slogan-section.api .container .head p .decorated, .slogan-section.api .ish--grid .head .heading-description .decorated, .slogan-section.api .ish--grid .head .heading-title .decorated, .slogan-section.api .ish--grid .head h1 .decorated, .slogan-section.api .ish--grid .head h2 .decorated, .slogan-section.api .ish--grid .head p .decorated, .slogan-section.cases .container .head .heading-description .decorated, .slogan-section.cases .container .head .heading-title .decorated, .slogan-section.cases .container .head h1 .decorated, .slogan-section.cases .container .head h2 .decorated, .slogan-section.cases .container .head p .decorated, .slogan-section.cases .ish--grid .head .heading-description .decorated, .slogan-section.cases .ish--grid .head .heading-title .decorated, .slogan-section.cases .ish--grid .head h1 .decorated, .slogan-section.cases .ish--grid .head h2 .decorated, .slogan-section.cases .ish--grid .head p .decorated, .slogan-section.datacenters .container .head .heading-description .decorated, .slogan-section.datacenters .container .head .heading-title .decorated, .slogan-section.datacenters .container .head h1 .decorated, .slogan-section.datacenters .container .head h2 .decorated, .slogan-section.datacenters .container .head p .decorated, .slogan-section.datacenters .ish--grid .head .heading-description .decorated, .slogan-section.datacenters .ish--grid .head .heading-title .decorated, .slogan-section.datacenters .ish--grid .head h1 .decorated, .slogan-section.datacenters .ish--grid .head h2 .decorated, .slogan-section.datacenters .ish--grid .head p .decorated, .slogan-section.error .container .head .heading-description .decorated, .slogan-section.error .container .head .heading-title .decorated, .slogan-section.error .container .head h1 .decorated, .slogan-section.error .container .head h2 .decorated, .slogan-section.error .container .head p .decorated, .slogan-section.error .ish--grid .head .heading-description .decorated, .slogan-section.error .ish--grid .head .heading-title .decorated, .slogan-section.error .ish--grid .head h1 .decorated, .slogan-section.error .ish--grid .head h2 .decorated, .slogan-section.error .ish--grid .head p .decorated, .slogan-section.payments-methods .container .head .heading-description .decorated, .slogan-section.payments-methods .container .head .heading-title .decorated, .slogan-section.payments-methods .container .head h1 .decorated, .slogan-section.payments-methods .container .head h2 .decorated, .slogan-section.payments-methods .container .head p .decorated, .slogan-section.payments-methods .ish--grid .head .heading-description .decorated, .slogan-section.payments-methods .ish--grid .head .heading-title .decorated, .slogan-section.payments-methods .ish--grid .head h1 .decorated, .slogan-section.payments-methods .ish--grid .head h2 .decorated, .slogan-section.payments-methods .ish--grid .head p .decorated, .slogan-section.special-offers .container .head .heading-description .decorated, .slogan-section.special-offers .container .head .heading-title .decorated, .slogan-section.special-offers .container .head h1 .decorated, .slogan-section.special-offers .container .head h2 .decorated, .slogan-section.special-offers .container .head p .decorated, .slogan-section.special-offers .ish--grid .head .heading-description .decorated, .slogan-section.special-offers .ish--grid .head .heading-title .decorated, .slogan-section.special-offers .ish--grid .head h1 .decorated, .slogan-section.special-offers .ish--grid .head h2 .decorated, .slogan-section.special-offers .ish--grid .head p .decorated, .slogan-section.speed-test .container .head .heading-description .decorated, .slogan-section.speed-test .container .head .heading-title .decorated, .slogan-section.speed-test .container .head h1 .decorated, .slogan-section.speed-test .container .head h2 .decorated, .slogan-section.speed-test .container .head p .decorated, .slogan-section.speed-test .ish--grid .head .heading-description .decorated, .slogan-section.speed-test .ish--grid .head .heading-title .decorated, .slogan-section.speed-test .ish--grid .head h1 .decorated, .slogan-section.speed-test .ish--grid .head h2 .decorated, .slogan-section.speed-test .ish--grid .head p .decorated, .slogan-section.storage .container .head .heading-description .decorated, .slogan-section.storage .container .head .heading-title .decorated, .slogan-section.storage .container .head h1 .decorated, .slogan-section.storage .container .head h2 .decorated, .slogan-section.storage .container .head p .decorated, .slogan-section.storage .ish--grid .head .heading-description .decorated, .slogan-section.storage .ish--grid .head .heading-title .decorated, .slogan-section.storage .ish--grid .head h1 .decorated, .slogan-section.storage .ish--grid .head h2 .decorated, .slogan-section.storage .ish--grid .head p .decorated, .slogan-section.support .container .head .heading-description .decorated, .slogan-section.support .container .head .heading-title .decorated, .slogan-section.support .container .head h1 .decorated, .slogan-section.support .container .head h2 .decorated, .slogan-section.support .container .head p .decorated, .slogan-section.support .ish--grid .head .heading-description .decorated, .slogan-section.support .ish--grid .head .heading-title .decorated, .slogan-section.support .ish--grid .head h1 .decorated, .slogan-section.support .ish--grid .head h2 .decorated, .slogan-section.support .ish--grid .head p .decorated, .slogan-section.transfer-projects .container .head .heading-description .decorated, .slogan-section.transfer-projects .container .head .heading-title .decorated, .slogan-section.transfer-projects .container .head h1 .decorated, .slogan-section.transfer-projects .container .head h2 .decorated, .slogan-section.transfer-projects .container .head p .decorated, .slogan-section.transfer-projects .ish--grid .head .heading-description .decorated, .slogan-section.transfer-projects .ish--grid .head .heading-title .decorated, .slogan-section.transfer-projects .ish--grid .head h1 .decorated, .slogan-section.transfer-projects .ish--grid .head h2 .decorated, .slogan-section.transfer-projects .ish--grid .head p .decorated, .slogan-section.vds .container .head .heading-description .decorated, .slogan-section.vds .container .head .heading-title .decorated, .slogan-section.vds .container .head h1 .decorated, .slogan-section.vds .container .head h2 .decorated, .slogan-section.vds .container .head p .decorated, .slogan-section.vds .ish--grid .head .heading-description .decorated, .slogan-section.vds .ish--grid .head .heading-title .decorated, .slogan-section.vds .ish--grid .head h1 .decorated, .slogan-section.vds .ish--grid .head h2 .decorated, .slogan-section.vds .ish--grid .head p .decorated, .slogan-section.vpn .container .head .heading-description .decorated, .slogan-section.vpn .container .head .heading-title .decorated, .slogan-section.vpn .container .head h1 .decorated, .slogan-section.vpn .container .head h2 .decorated, .slogan-section.vpn .container .head p .decorated, .slogan-section.vpn .ish--grid .head .heading-description .decorated, .slogan-section.vpn .ish--grid .head .heading-title .decorated, .slogan-section.vpn .ish--grid .head h1 .decorated, .slogan-section.vpn .ish--grid .head h2 .decorated, .slogan-section.vpn .ish--grid .head p .decorated, .slogan-section.vps .container .head .heading-description .decorated, .slogan-section.vps .container .head .heading-title .decorated, .slogan-section.vps .container .head h1 .decorated, .slogan-section.vps .container .head h2 .decorated, .slogan-section.vps .container .head p .decorated, .slogan-section.vps .ish--grid .head .heading-description .decorated, .slogan-section.vps .ish--grid .head .heading-title .decorated, .slogan-section.vps .ish--grid .head h1 .decorated, .slogan-section.vps .ish--grid .head h2 .decorated, .slogan-section.vps .ish--grid .head p .decorated, .slogan-section.vulnerability-disclosure .container .head .heading-description .decorated, .slogan-section.vulnerability-disclosure .container .head .heading-title .decorated, .slogan-section.vulnerability-disclosure .container .head h1 .decorated, .slogan-section.vulnerability-disclosure .container .head h2 .decorated, .slogan-section.vulnerability-disclosure .container .head p .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head h1 .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head h2 .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head p .decorated {
    background: #fff;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding-right: 10px;
    padding-bottom: 2px
}

@media (max-width: 767.98px) {
    .slogan-section.about .container .head .heading-description .decorated, .slogan-section.about .container .head .heading-title .decorated, .slogan-section.about .container .head h1 .decorated, .slogan-section.about .container .head h2 .decorated, .slogan-section.about .container .head p .decorated, .slogan-section.about .ish--grid .head .heading-description .decorated, .slogan-section.about .ish--grid .head .heading-title .decorated, .slogan-section.about .ish--grid .head h1 .decorated, .slogan-section.about .ish--grid .head h2 .decorated, .slogan-section.about .ish--grid .head p .decorated, .slogan-section.affiliate .container .head .heading-description .decorated, .slogan-section.affiliate .container .head .heading-title .decorated, .slogan-section.affiliate .container .head h1 .decorated, .slogan-section.affiliate .container .head h2 .decorated, .slogan-section.affiliate .container .head p .decorated, .slogan-section.affiliate .ish--grid .head .heading-description .decorated, .slogan-section.affiliate .ish--grid .head .heading-title .decorated, .slogan-section.affiliate .ish--grid .head h1 .decorated, .slogan-section.affiliate .ish--grid .head h2 .decorated, .slogan-section.affiliate .ish--grid .head p .decorated, .slogan-section.api .container .head .heading-description .decorated, .slogan-section.api .container .head .heading-title .decorated, .slogan-section.api .container .head h1 .decorated, .slogan-section.api .container .head h2 .decorated, .slogan-section.api .container .head p .decorated, .slogan-section.api .ish--grid .head .heading-description .decorated, .slogan-section.api .ish--grid .head .heading-title .decorated, .slogan-section.api .ish--grid .head h1 .decorated, .slogan-section.api .ish--grid .head h2 .decorated, .slogan-section.api .ish--grid .head p .decorated, .slogan-section.cases .container .head .heading-description .decorated, .slogan-section.cases .container .head .heading-title .decorated, .slogan-section.cases .container .head h1 .decorated, .slogan-section.cases .container .head h2 .decorated, .slogan-section.cases .container .head p .decorated, .slogan-section.cases .ish--grid .head .heading-description .decorated, .slogan-section.cases .ish--grid .head .heading-title .decorated, .slogan-section.cases .ish--grid .head h1 .decorated, .slogan-section.cases .ish--grid .head h2 .decorated, .slogan-section.cases .ish--grid .head p .decorated, .slogan-section.datacenters .container .head .heading-description .decorated, .slogan-section.datacenters .container .head .heading-title .decorated, .slogan-section.datacenters .container .head h1 .decorated, .slogan-section.datacenters .container .head h2 .decorated, .slogan-section.datacenters .container .head p .decorated, .slogan-section.datacenters .ish--grid .head .heading-description .decorated, .slogan-section.datacenters .ish--grid .head .heading-title .decorated, .slogan-section.datacenters .ish--grid .head h1 .decorated, .slogan-section.datacenters .ish--grid .head h2 .decorated, .slogan-section.datacenters .ish--grid .head p .decorated, .slogan-section.error .container .head .heading-description .decorated, .slogan-section.error .container .head .heading-title .decorated, .slogan-section.error .container .head h1 .decorated, .slogan-section.error .container .head h2 .decorated, .slogan-section.error .container .head p .decorated, .slogan-section.error .ish--grid .head .heading-description .decorated, .slogan-section.error .ish--grid .head .heading-title .decorated, .slogan-section.error .ish--grid .head h1 .decorated, .slogan-section.error .ish--grid .head h2 .decorated, .slogan-section.error .ish--grid .head p .decorated, .slogan-section.payments-methods .container .head .heading-description .decorated, .slogan-section.payments-methods .container .head .heading-title .decorated, .slogan-section.payments-methods .container .head h1 .decorated, .slogan-section.payments-methods .container .head h2 .decorated, .slogan-section.payments-methods .container .head p .decorated, .slogan-section.payments-methods .ish--grid .head .heading-description .decorated, .slogan-section.payments-methods .ish--grid .head .heading-title .decorated, .slogan-section.payments-methods .ish--grid .head h1 .decorated, .slogan-section.payments-methods .ish--grid .head h2 .decorated, .slogan-section.payments-methods .ish--grid .head p .decorated, .slogan-section.special-offers .container .head .heading-description .decorated, .slogan-section.special-offers .container .head .heading-title .decorated, .slogan-section.special-offers .container .head h1 .decorated, .slogan-section.special-offers .container .head h2 .decorated, .slogan-section.special-offers .container .head p .decorated, .slogan-section.special-offers .ish--grid .head .heading-description .decorated, .slogan-section.special-offers .ish--grid .head .heading-title .decorated, .slogan-section.special-offers .ish--grid .head h1 .decorated, .slogan-section.special-offers .ish--grid .head h2 .decorated, .slogan-section.special-offers .ish--grid .head p .decorated, .slogan-section.speed-test .container .head .heading-description .decorated, .slogan-section.speed-test .container .head .heading-title .decorated, .slogan-section.speed-test .container .head h1 .decorated, .slogan-section.speed-test .container .head h2 .decorated, .slogan-section.speed-test .container .head p .decorated, .slogan-section.speed-test .ish--grid .head .heading-description .decorated, .slogan-section.speed-test .ish--grid .head .heading-title .decorated, .slogan-section.speed-test .ish--grid .head h1 .decorated, .slogan-section.speed-test .ish--grid .head h2 .decorated, .slogan-section.speed-test .ish--grid .head p .decorated, .slogan-section.storage .container .head .heading-description .decorated, .slogan-section.storage .container .head .heading-title .decorated, .slogan-section.storage .container .head h1 .decorated, .slogan-section.storage .container .head h2 .decorated, .slogan-section.storage .container .head p .decorated, .slogan-section.storage .ish--grid .head .heading-description .decorated, .slogan-section.storage .ish--grid .head .heading-title .decorated, .slogan-section.storage .ish--grid .head h1 .decorated, .slogan-section.storage .ish--grid .head h2 .decorated, .slogan-section.storage .ish--grid .head p .decorated, .slogan-section.support .container .head .heading-description .decorated, .slogan-section.support .container .head .heading-title .decorated, .slogan-section.support .container .head h1 .decorated, .slogan-section.support .container .head h2 .decorated, .slogan-section.support .container .head p .decorated, .slogan-section.support .ish--grid .head .heading-description .decorated, .slogan-section.support .ish--grid .head .heading-title .decorated, .slogan-section.support .ish--grid .head h1 .decorated, .slogan-section.support .ish--grid .head h2 .decorated, .slogan-section.support .ish--grid .head p .decorated, .slogan-section.transfer-projects .container .head .heading-description .decorated, .slogan-section.transfer-projects .container .head .heading-title .decorated, .slogan-section.transfer-projects .container .head h1 .decorated, .slogan-section.transfer-projects .container .head h2 .decorated, .slogan-section.transfer-projects .container .head p .decorated, .slogan-section.transfer-projects .ish--grid .head .heading-description .decorated, .slogan-section.transfer-projects .ish--grid .head .heading-title .decorated, .slogan-section.transfer-projects .ish--grid .head h1 .decorated, .slogan-section.transfer-projects .ish--grid .head h2 .decorated, .slogan-section.transfer-projects .ish--grid .head p .decorated, .slogan-section.vds .container .head .heading-description .decorated, .slogan-section.vds .container .head .heading-title .decorated, .slogan-section.vds .container .head h1 .decorated, .slogan-section.vds .container .head h2 .decorated, .slogan-section.vds .container .head p .decorated, .slogan-section.vds .ish--grid .head .heading-description .decorated, .slogan-section.vds .ish--grid .head .heading-title .decorated, .slogan-section.vds .ish--grid .head h1 .decorated, .slogan-section.vds .ish--grid .head h2 .decorated, .slogan-section.vds .ish--grid .head p .decorated, .slogan-section.vpn .container .head .heading-description .decorated, .slogan-section.vpn .container .head .heading-title .decorated, .slogan-section.vpn .container .head h1 .decorated, .slogan-section.vpn .container .head h2 .decorated, .slogan-section.vpn .container .head p .decorated, .slogan-section.vpn .ish--grid .head .heading-description .decorated, .slogan-section.vpn .ish--grid .head .heading-title .decorated, .slogan-section.vpn .ish--grid .head h1 .decorated, .slogan-section.vpn .ish--grid .head h2 .decorated, .slogan-section.vpn .ish--grid .head p .decorated, .slogan-section.vps .container .head .heading-description .decorated, .slogan-section.vps .container .head .heading-title .decorated, .slogan-section.vps .container .head h1 .decorated, .slogan-section.vps .container .head h2 .decorated, .slogan-section.vps .container .head p .decorated, .slogan-section.vps .ish--grid .head .heading-description .decorated, .slogan-section.vps .ish--grid .head .heading-title .decorated, .slogan-section.vps .ish--grid .head h1 .decorated, .slogan-section.vps .ish--grid .head h2 .decorated, .slogan-section.vps .ish--grid .head p .decorated, .slogan-section.vulnerability-disclosure .container .head .heading-description .decorated, .slogan-section.vulnerability-disclosure .container .head .heading-title .decorated, .slogan-section.vulnerability-disclosure .container .head h1 .decorated, .slogan-section.vulnerability-disclosure .container .head h2 .decorated, .slogan-section.vulnerability-disclosure .container .head p .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-description .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head .heading-title .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head h1 .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head h2 .decorated, .slogan-section.vulnerability-disclosure .ish--grid .head p .decorated {
        background: unset;
        box-decoration-break: unset;
        -webkit-box-decoration-break: unset;
        padding-right: 0;
        padding-bottom: 0
    }
}

.slogan-section.about .image, .slogan-section.affiliate .image, .slogan-section.api .image, .slogan-section.cases .image, .slogan-section.datacenters .image, .slogan-section.error .image, .slogan-section.payments-methods .image, .slogan-section.special-offers .image, .slogan-section.speed-test .image, .slogan-section.storage .image, .slogan-section.support .image, .slogan-section.transfer-projects .image, .slogan-section.vds .image, .slogan-section.vpn .image, .slogan-section.vps .image, .slogan-section.vulnerability-disclosure .image {
    position: absolute;
    width: 50%;
    left: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center left;
    margin-left: 20px
}

.slogan-section.about .image.flag, .slogan-section.affiliate .image.flag, .slogan-section.api .image.flag, .slogan-section.cases .image.flag, .slogan-section.datacenters .image.flag, .slogan-section.error .image.flag, .slogan-section.payments-methods .image.flag, .slogan-section.special-offers .image.flag, .slogan-section.speed-test .image.flag, .slogan-section.storage .image.flag, .slogan-section.support .image.flag, .slogan-section.transfer-projects .image.flag, .slogan-section.vds .image.flag, .slogan-section.vpn .image.flag, .slogan-section.vps .image.flag, .slogan-section.vulnerability-disclosure .image.flag {
    background-size: auto
}

@media (max-width: 991.98px) {
    .slogan-section.about .image, .slogan-section.affiliate .image, .slogan-section.api .image, .slogan-section.cases .image, .slogan-section.datacenters .image, .slogan-section.error .image, .slogan-section.payments-methods .image, .slogan-section.special-offers .image, .slogan-section.speed-test .image, .slogan-section.storage .image, .slogan-section.support .image, .slogan-section.transfer-projects .image, .slogan-section.vds .image, .slogan-section.vpn .image, .slogan-section.vps .image, .slogan-section.vulnerability-disclosure .image {
        left: 65%
    }
}

@media (max-width: 767.98px) {
    .slogan-section.about .image, .slogan-section.affiliate .image, .slogan-section.api .image, .slogan-section.cases .image, .slogan-section.datacenters .image, .slogan-section.error .image, .slogan-section.payments-methods .image, .slogan-section.special-offers .image, .slogan-section.speed-test .image, .slogan-section.storage .image, .slogan-section.support .image, .slogan-section.transfer-projects .image, .slogan-section.vds .image, .slogan-section.vpn .image, .slogan-section.vps .image, .slogan-section.vulnerability-disclosure .image {
        display: none
    }
}

.slogan-section.about .image .flag-container, .slogan-section.affiliate .image .flag-container, .slogan-section.api .image .flag-container, .slogan-section.cases .image .flag-container, .slogan-section.datacenters .image .flag-container, .slogan-section.error .image .flag-container, .slogan-section.payments-methods .image .flag-container, .slogan-section.special-offers .image .flag-container, .slogan-section.speed-test .image .flag-container, .slogan-section.storage .image .flag-container, .slogan-section.support .image .flag-container, .slogan-section.transfer-projects .image .flag-container, .slogan-section.vds .image .flag-container, .slogan-section.vpn .image .flag-container, .slogan-section.vps .image .flag-container, .slogan-section.vulnerability-disclosure .image .flag-container {
    position: relative;
    width: 100%;
    height: 100%
}

.slogan-section.about .image .fi, .slogan-section.affiliate .image .fi, .slogan-section.api .image .fi, .slogan-section.cases .image .fi, .slogan-section.datacenters .image .fi, .slogan-section.error .image .fi, .slogan-section.payments-methods .image .fi, .slogan-section.special-offers .image .fi, .slogan-section.speed-test .image .fi, .slogan-section.storage .image .fi, .slogan-section.support .image .fi, .slogan-section.transfer-projects .image .fi, .slogan-section.vds .image .fi, .slogan-section.vpn .image .fi, .slogan-section.vps .image .fi, .slogan-section.vulnerability-disclosure .image .fi {
    position: absolute;
    height: 190px;
    width: 250px;
    top: 42%;
    left: 112px;
    transform: translateY(-50%) rotate(26.5deg);
    background-size: cover
}

.slogan-section.about .image .fi.fi-sg, .slogan-section.affiliate .image .fi.fi-sg, .slogan-section.api .image .fi.fi-sg, .slogan-section.cases .image .fi.fi-sg, .slogan-section.datacenters .image .fi.fi-sg, .slogan-section.error .image .fi.fi-sg, .slogan-section.payments-methods .image .fi.fi-sg, .slogan-section.special-offers .image .fi.fi-sg, .slogan-section.speed-test .image .fi.fi-sg, .slogan-section.storage .image .fi.fi-sg, .slogan-section.support .image .fi.fi-sg, .slogan-section.transfer-projects .image .fi.fi-sg, .slogan-section.vds .image .fi.fi-sg, .slogan-section.vpn .image .fi.fi-sg, .slogan-section.vps .image .fi.fi-sg, .slogan-section.vulnerability-disclosure .image .fi.fi-sg {
    background-position: initial
}

.slogan-section.affiliate .controls button {
    display: flex;
    justify-content: center;
    align-items: center
}

.slogan-section.order .image {
    background-size: 100% auto;
    background-position: center
}

.slogan-section.special-offers .image {
}

.slogan-section.special-offers .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.special-offers .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.special-offers .head {
        padding: 20px 0
    }
}


.slogan-section.datacenters .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.datacenters .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.datacenters .head {
        padding: 20px 0
    }
}



.slogan-section.affiliate .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.affiliate .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.affiliate .head {
        padding: 20px 0
    }
}


.slogan-section.error .head {
    padding: 100px 0 100px
}

@media (max-width: 767.98px) {
    .slogan-section.error .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.error .head {
        padding: 20px 0
    }
}


.slogan-section.vulnerability-disclosure .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.vulnerability-disclosure .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.vulnerability-disclosure .head {
        padding: 20px 0
    }
}


.slogan-section.vps .image.flag .fi {
    top: 50%
}


.slogan-section.vps .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.vps .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.vps .head {
        padding: 20px 0
    }
}


.slogan-section.vds .image.flag .fi {
    top: 50%
}



.slogan-section.vds .head {
    padding: 30px 0 75px 0
}

@media (max-width: 991.98px) {
    .slogan-section.vds .head {
        padding-right: 40px
    }
}

@media (max-width: 767.98px) {
    .slogan-section.vds .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.vds .head {
        padding: 20px 0
    }
}


.slogan-section.storage .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.storage .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.storage .head {
        padding: 20px 0
    }
}



.slogan-section.vpn .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.vpn .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.vpn .head {
        padding: 20px 0
    }
}



.slogan-section.speed-test .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.speed-test .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.speed-test .head {
        padding: 20px 0
    }
}


.slogan-section.api .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.api .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.api .head {
        padding: 20px 0
    }
}


.slogan-section.payments-methods .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.payments-methods .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.payments-methods .head {
        padding: 20px 0
    }
}



.slogan-section.transfer-projects .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.transfer-projects .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.transfer-projects .head {
        padding: 20px 0
    }
}


.slogan-section.about .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.about .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.about .head {
        padding: 20px 0
    }
}


.slogan-section.cases .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.cases .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.cases .head {
        padding: 20px 0
    }
}


.slogan-section.support .head {
    padding: 30px 0 75px
}

@media (max-width: 767.98px) {
    .slogan-section.support .head {
        padding: 30px 0
    }
}

@media (max-width: 575.98px) {
    .slogan-section.support .head {
        padding: 20px 0
    }
}

.slogan-section.static {
    background-color: #fff
}

.slogan-section.static .container, .slogan-section.static .ish--grid {
    padding-top: 30px;
    padding-bottom: 75px
}

.slogan-section.static .container nav, .slogan-section.static .ish--grid nav {
    margin-bottom: 30px
}

@media (max-width: 575.98px) {
    .slogan-section.static .container, .slogan-section.static .ish--grid {
        padding-top: 20px;
        padding-bottom: 40px
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes init-stroke {
    0% {
        stroke-dashoffset: 240
    }
    100% {
        stroke-dashoffset: 40
    }
}

@keyframes init-stroke {
    0% {
        stroke-dashoffset: 240
    }
    100% {
        stroke-dashoffset: 40
    }
}

@-webkit-keyframes main-loading-stroke {
    0% {
        stroke-dashoffset: 0
    }
    100% {
        stroke-dashoffset: 825
    }
}

@keyframes main-loading-stroke {
    0% {
        stroke-dashoffset: 0
    }
    100% {
        stroke-dashoffset: 825
    }
}

.collapse-body {
    max-height: 0;
    overflow: hidden;
    visibility: hidden
}

.collapse-toggle {
    padding: 10px 20px 10px 0;
    border: 0;
    background-color: inherit;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row
}

.collapse-toggle-icon {
    width: 20px;
    min-width: 20px;
    height: 20px;
    position: relative;
    transition: all .3s
}

.collapse-toggle-icon i {
    transition: all .3s;
    will-change: transform
}

.collapse-toggle-icon i svg {
    transition: all .3s;
    will-change: transform
}

.collapse-toggle-title {
    margin-left: 15px;
    text-align: left
}

.collapse-toggle[aria-expanded=true] .collapse-toggle-icon i {
    transform: rotate(180deg)
}

.collapse-toggle[aria-expanded=true] .collapse-toggle-icon i svg {
    transform: rotate(180deg)
}

.collapse-toggle[aria-expanded=true] ~ .collapse-body {
    max-height: 100%;
    visibility: inherit
}

.dynamic-article .article-body {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747
}

.dynamic-article .article-body.animation {
    transition: opacity .3s ease-in-out
}

.dynamic-article .article-body.show {
    opacity: 1
}

.dynamic-article .article-body.hide {
    opacity: 0
}

.dynamic-article .article-body.preloader div {
    display: flex;
    flex-direction: column
}

.dynamic-article .article-body.preloader .short::after {
    content: ".";
    color: transparent;
    width: 30%;
    background: #e0e0e0;
    display: inline-block
}

.dynamic-article .article-body.preloader .medium {
    margin-bottom: 10px
}

.dynamic-article .article-body.preloader .medium::after {
    content: ".";
    color: transparent;
    width: 60%;
    background: #e0e0e0;
    display: inline-block
}

.dynamic-article .article-body.preloader .long::after {
    content: ".";
    color: transparent;
    width: 100%;
    background: #e0e0e0;
    display: inline-block
}

.dynamic-article .article-body.preloader span:after {
    height: 15px;
    margin-bottom: 10px
}

.errors-displayer, .ish--form-requirement .errors-displayer {
    font-size: .9285714286rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: #fc2347;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4285714286rem;
    border-bottom: 1px dashed #fc2347
}

.errors-displayer .ish--assistive-text, .ish--form-requirement .errors-displayer .ish--assistive-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.load-more-wrapper {
    text-align: center;
    padding: 10px 0
}

.load-more-wrapper.animation {
    transition: opacity .3s ease-in-out
}

.load-more-wrapper.show {
    opacity: 1
}

.load-more-wrapper.hide {
    opacity: 0
}

.load-more-wrapper .ish--btn {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: normal;
    color: #fff;
    font-size: 1.1428571429rem;
    border: none;
    border-radius: 3px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, .1);
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    cursor: pointer;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    vertical-align: top;
    flex-shrink: 0;
    padding-right: 60px;
    position: relative;
    text-align: left
}

.load-more-wrapper .ish--btn:hover {
    background: rgba(255, 255, 255, .3)
}

.load-more-wrapper .ish--btn__icon {
    position: absolute;
    right: 16px;
    flex-shrink: 0;
    width: 16px;
    height: 16px
}

.notifications-stack {
    position: fixed;
    z-index: 20001;
    display: flex;
    flex-direction: column;
    list-style: none
}

.notifications-stack.reverse {
    flex-direction: column-reverse
}

.notifications-stack.top {
    top: 70px
}

.notifications-stack.bottom {
    bottom: 10px
}

.notifications-stack.right {
    right: 0;
    align-items: flex-end
}

.notifications-stack.right .notification.show .notification-wrapper .notification-content {
    right: 0
}

.notifications-stack.right .notification.hide .notification-wrapper .notification-content {
    right: calc(-100% - 10px)
}

.notifications-stack.right .notification.animation .notification-wrapper {
    transition: height .2s ease-in-out 0s
}

.notifications-stack.right .notification.animation .notification-wrapper .notification-content {
    transition: right .2s ease-in-out .2s, margin .1s ease-in-out .4s
}

.notifications-stack.right .notification.animation.reverse .notification-wrapper {
    transition: height .2s ease-in-out .3s
}

.notifications-stack.right .notification.animation.reverse .notification-wrapper .notification-content {
    transition: right .2s ease-in-out .1s, margin .1s ease-in-out 0s
}

.notifications-stack.left {
    left: 0;
    align-items: flex-start
}

.notifications-stack.left .notification.show .notification-wrapper .notification-content {
    left: 0
}

.notifications-stack.left .notification.hide .notification-wrapper .notification-content {
    left: calc(-100% - 10px)
}

.notifications-stack.left .notification.animation .notification-wrapper {
    transition: height .2s ease-in-out 0s
}

.notifications-stack.left .notification.animation .notification-wrapper .notification-content {
    transition: left .2s ease-in-out .2s, margin .1s ease-in-out .4s
}

.notifications-stack.left .notification.animation.reverse .notification-wrapper {
    transition: height .2s ease-in-out .3s
}

.notifications-stack.left .notification.animation.reverse .notification-wrapper .notification-content {
    transition: left .2s ease-in-out .1s, margin .1s ease-in-out 0s
}

.notifications-stack .notification {
    position: relative
}

.notifications-stack .notification.show .notification-wrapper .notification-content {
    margin: 0
}

.notifications-stack .notification.hide .notification-wrapper {
    height: 0 !important
}

.notifications-stack .notification.hide .notification-wrapper .notification-content {
    margin: 0 100px
}

.notifications-stack .notification.animation .notification-wrapper {
    transition: height .5s ease-in-out 0s
}

.notifications-stack .notification.animation.reverse .notification-wrapper {
    transition: height .5s ease-in-out 0s
}

.notifications-stack .notification .notification-wrapper {
    position: relative;
    overflow: hidden
}

.notifications-stack .notification .notification-wrapper .notification-content {
    position: relative;
    display: flex
}

.notifications-stack .notification button {
    opacity: 1;
    transition: opacity .1666666667s ease-in-out
}

.notifications-stack .notification button:disabled {
    opacity: 0
}

.password-meter {
    width: 100%
}

.password-meter-inner {
    position: relative;
    display: block;
    width: inherit;
    height: 4px;
    background-color: #eceaeb
}

.password-meter-inner > div {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    will-change: width, background-color;
    transition: width .3s ease-in-out, background-color .3s ease-in-out
}

.password-meter > span {
    font-size: .7142857143rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.2;
    color: #8b7b7f;
    text-transform: uppercase;
    vertical-align: baseline;
    display: block;
    margin: 5px 0 0;
    will-change: color;
    transition: color .3s ease-in-out;
    height: 1rem
}

.password-meter__good > div > div {
    background-color: #19a243
}

.password-meter__good > span {
    color: #19a243
}

.password-meter__normal > div > div {
    background-color: #0938de
}

.password-meter__normal > span {
    color: #0938de
}

.password-meter__weak > div > div {
    background-color: #da1e28
}

.password-meter__weak > span {
    color: #da1e28
}

.header-menu-close, .header-toggler {
    display: flex;
    align-items: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
    position: relative;
    padding: 5px
}

.header-menu-close > span, .header-menu-close > span::after, .header-menu-close > span::before, .header-toggler > span, .header-toggler > span::after, .header-toggler > span::before {
    display: block;
    position: absolute;
    width: 20px;
    height: 2px;
    border-radius: 3px;
    background-color: #231f20
}

.header-menu-close > span, .header-toggler > span {
    left: 5px
}

.header-menu-close > span::before, .header-toggler > span::before {
    content: "";
    top: -6px
}

.header-menu-close > span::after, .header-toggler > span::after {
    content: "";
    top: 6px
}

.header-menu-close > span {
    transform: rotate(45deg)
}

.header-menu-close > span::before {
    top: 0;
    transform: rotate(0)
}

.header-menu-close > span::after {
    top: 0;
    transform: rotate(90deg)
}

.btn {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: normal;
    color: #fff;
    font-size: 1.1428571429rem;
    border: none;
    border-radius: 3px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, .1);
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    cursor: pointer;
    min-height: 40px
}

.btn:hover {
    background: rgba(255, 255, 255, .3)
}

.ish--btn--primary {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out
}

.ish--btn--primary:hover {
    background: #87CEEB
}

.ish--btn--primary:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

.ish--btn--primary .light-text {
    text-transform: capitalize;
    font-weight: 300
}

.ish--btn--primary.arrow {
    margin-right: 10px
}

.ish--btn--primary.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.ish--btn--primary.arrow:hover::before {
    border-left-color: #87CEEB
}

.ish--btn--primary.arrow:disabled::before {
    border-left-color: #0938de
}

.ish--btn--secondary {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    background: rgba(71, 71, 71, .1);
    position: relative;
    padding: 10px 15px;
    border: none;
    border-radius: 3px;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color .3s ease-in-out
}

.ish--btn--secondary:hover {
    background-color: rgba(71, 71, 71, .3)
}

.ish--btn--secondary:disabled {
    color: rgba(35, 31, 32, .5);
    background-color: rgba(71, 71, 71, .1);
    cursor: not-allowed
}

.ish--btn--secondary.arrow {
    margin-right: 10px;
    background: #ececec
}

.ish--btn--secondary.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #ececec;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.ish--btn--secondary.arrow:hover {
    background: #c8c8c8
}

.ish--btn--secondary.arrow:hover::before {
    border-left-color: #c8c8c8
}

.ish--btn--secondary.arrow:disabled::before {
    border-left-color: #e9e8e8
}

.ish--btn--secondary.heading {
    background: #ededed
}

.ish--btn--secondary.heading:active {
    background-color: #bdbcbc
}

.ish--btn--secondary.heading:hover {
    background-color: #c8c8c8
}

.ish--btn--secondary.heading:disabled {
    color: #888686;
    background-color: #c8c8c8
}

.ish--btn--light {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    background: #fff
}

.ish--btn--light:hover {
    background: #87CEEB
}

.ish--btn--light:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

.ish--btn--light .light-text {
    text-transform: capitalize;
    font-weight: 300
}

.ish--btn--light.arrow {
    margin-right: 10px
}

.ish--btn--light.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.ish--btn--light.arrow:hover::before {
    border-left-color: #87CEEB
}

.ish--btn--light.arrow:disabled::before {
    border-left-color: #0938de
}

.ish--btn--light:active {
    background-color: #fff
}

.ish--btn--light:hover {
    background-color: #fff
}

.ish--btn--light.arrow::before {
    border-left-color: #fff
}

.ish--btn--light.arrow:hover::before {
    border-left-color: #fff
}

.ish--btn--light.arrow:disabled::before {
    border-left-color: #fff
}

.ish--btn .ish--btn__icon {
    position: absolute;
    right: 16px;
    flex-shrink: 0;
    width: 16px;
    height: 16px
}

.ish--btn--ghost .ish--btn__icon {
    position: static;
    margin-left: 8px
}

.select-dropdown {
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 100%;
    position: relative;
    background: 0 0
}

.select-dropdown .select-dropdown-selected {
    flex-grow: 1;
    display: flex;
    padding: 0 20px 0 10px;
    height: 100%;
    align-items: center;
    user-select: none
}

.select-dropdown .select-dropdown-control {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%
}

.select-dropdown .select-dropdown-options {
    width: auto;
    min-width: 10rem
}

.select-dropdown .select-dropdown-options ul {
    height: 100%;
    overflow: auto
}

.select-dropdown .select-dropdown-options button {
    max-width: unset
}

.marquee-container {
    padding: 20px 0;
    background-color: rgba(255, 255, 255, .5);
    border-bottom: 1px solid #f7f7f7
}

.marquee-container.animation {
    transition: opacity .3s ease-in-out
}

.marquee-container.show {
    opacity: 1
}

.marquee-container.hide {
    opacity: 0
}

@media screen and (max-width: 767.98px) {
    .marquee-container {
        padding: 20px 0
    }
}

.marquee {
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, #000 7.5%, #000 92.5%, rgba(0, 0, 0, 0) 100%)
}

.marquee ul {
    list-style: none;
    pointer-events: none
}

.marquee-block {
    display: flex;
    flex-wrap: nowrap
}

.marquee__content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    gap: 2px;
    padding-right: 2px;
    height: 60px
}

.ish--link {
    display: inline-block;
    color: #369;
    font-size: 1.1428571429rem;
    line-height: normal;
    font-weight: 600;
    transition: all .3s ease-in-out;
    font-weight: 400
}

.ish--link:hover {
    color: #1f5080
}

@media (max-width: 575.98px) {
    .text-lg .ish--link {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.text-md .ish--link {
    font-size: 1rem;
    line-height: 1.4285714286rem
}

.ish--form-item {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    align-items: flex-start;
    margin-bottom: 45px
}

.ish--form-item:not(.ish--form-item__ignore-last):last-child {
    margin-bottom: 0
}

.ish--form-item .ish--number .ish--number__invalid {
    display: none
}

.ish--form-item .ish--text-area {
    resize: none
}

.ish--form-item .ish--slider-container {
    width: 100%
}

.ish--form-item .ish--text-input + .ish--text-area__invalid-icon, .ish--form-item .ish--text-input + .ish--text-input__invalid-icon {
    display: none
}

.ish--form-item .ish--text-input.ish--text-area--invalid + .ish--text-area__invalid-icon, .ish--form-item .ish--text-input.ish--text-area--invalid + .ish--text-input__invalid-icon, .ish--form-item .ish--text-input.ish--text-input--invalid + .ish--text-area__invalid-icon, .ish--form-item .ish--text-input.ish--text-input--invalid + .ish--text-input__invalid-icon {
    display: block
}

.ish--form-item .ish--text-area + .ish--text-area__invalid-icon, .ish--form-item .ish--text-area + .ish--text-input__invalid-icon {
    display: none
}

.ish--form-item .ish--text-area.ish--text-area--invalid + .ish--text-area__invalid-icon, .ish--form-item .ish--text-area.ish--text-area--invalid + .ish--text-input__invalid-icon, .ish--form-item .ish--text-area.ish--text-input--invalid + .ish--text-area__invalid-icon, .ish--form-item .ish--text-area.ish--text-input--invalid + .ish--text-input__invalid-icon {
    display: block
}

.ish--form-item .ish--inline-loading.ish--btn {
    width: auto;
    cursor: auto;
    padding: 10px 40px 10px 5px
}

.ish--form-item .ish--inline-loading__animation {
    margin: -4px 0
}

.ish--form-item .ish--btn--ghost > .ish--btn__icon {
    margin: 0 8px 0 -8px
}

.ish--form-item .ish--link {
    display: inline-block;
    color: #369;
    font-size: 1.1428571429rem;
    line-height: normal;
    font-weight: 600;
    transition: all .3s ease-in-out;
    margin-bottom: -1.1428571429rem
}

.ish--form-item .ish--link:hover {
    color: #1f5080
}

.ish--form-item.ish--checkbox-wrapper + .ish--checkbox-wrapper {
    margin-top: -20px
}

.ish--dropdown__wrapper, .ish--list-box__wrapper, .ish--multi-select__wrapper {
    width: 100%
}

.ish--list-box {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: inherit;
    vertical-align: baseline;
    position: relative;
    width: 100%;
    height: 40px;
    max-height: 40px;
    cursor: pointer;
    color: #231f20;
    background-color: #fff;
    outline: 2px solid transparent;
    outline-offset: -2px
}

.ish--list-box .ish--list-box__field[aria-expanded=true] {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05), 0 0 4px 0 rgba(0, 0, 0, .05)
}

.ish--list-box .ish--list-box__field[aria-expanded=true]::before {
    bottom: auto;
    top: 6px;
    border-color: #8b7b7f transparent transparent;
    border-width: 6px 0 0 6px
}

.ish--list-box .ish--list-box__field[aria-expanded=true] ~ .ish--list-box__menu {
    display: block
}

.ish--list-box .ish--list-box__menu {
    display: none
}

.ish--list-box .ish--list-box__field .ish--tag--filter {
    z-index: 100
}

.ish--list-box__field {
    box-sizing: border-box;
    margin: 0;
    font-size: 100%;
    font-family: inherit;
    background: 0 0;
    appearance: none;
    cursor: pointer;
    width: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    height: 40px;
    padding: 0 15px 0 8px;
    outline: 0;
    transition: all .3s ease-in-out
}

.ish--list-box__field::before {
    content: "";
    position: absolute;
    right: 6px;
    bottom: 6px;
    top: auto;
    width: 0;
    height: 0;
    border-color: transparent transparent #0938de;
    border-style: solid;
    border-width: 0 0 6px 6px
}

.ish--list-box__field:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05), 0 0 4px 0 rgba(0, 0, 0, .05)
}

.ish--list-box__field .ish--list-box__label {
    padding-left: 7px;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.47;
    color: #474747;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ish--list-box__field .ish--list-box__selection--multi ~ .ish--list-box__label {
    padding-left: 0
}

.ish--list-box__field .ish--list-box__menu-icon {
    display: none
}

.ish--list-box__menu {
    position: absolute;
    top: 39px;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 180px;
    overflow-y: auto;
    z-index: 9100;
    border-bottom: 2px solid #231f20;
    background-color: #fff;
    padding: 0 0 2px
}

.ish--list-box__menu-item {
    cursor: pointer;
    user-select: none;
    position: relative
}

.ish--list-box__menu-item--active .ish--list-box__menu-item__option {
    font-weight: 600
}

.ish--list-box__menu-item__option {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #474747;
    display: block;
    padding: 10px 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: color .3s;
    border-bottom: 1px solid #f7f7f7
}

.ish--list-box__menu-item__option:hover {
    color: #369
}



.ish--list-box__selection {
    position: absolute;
    right: 2.0625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.875rem;
    width: 1.875rem;
    cursor: pointer;
    user-select: none;
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9)
}

.ish--list-box__selection--multi {
    font-size: .8571428571rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    position: static;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(35, 31, 32, .05);
    height: 1.5rem;
    width: auto;
    color: #231f20;
    padding: 2px 5px 2px 10px;
    margin-right: 10px
}

.ish--dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: relative;
    list-style: none;
    display: block;
    width: 100%;
    height: 40px;
    cursor: pointer;
    color: #231f20;
    background-color: #fff
}

.ish--checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    visibility: visible;
    white-space: nowrap
}

.ish--checkbox-wrapper {
    height: 100%;
    display: flex
}

.ish--checkbox-label {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-left: 35px;
    user-select: none;
    height: 20px;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747
}

.ish--checkbox-label .ish--link {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #369
}

.ish--checkbox-label::before {
    content: "";
    width: 20px;
    height: 20px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(35, 31, 32, .05);
    border-radius: 1px;
    transition: background-color .3s ease-in-out
}

.ish--checkbox-label::after {
    transition: background-color .3s ease-in-out
}

.ish--checkbox-label-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ish--checkbox-label:hover::before {
    background-color: rgba(35, 31, 32, .3)
}

.ish--checkbox-label:hover::after {
    background-color: #231f20
}

.ish--checkbox:checked + .ish--checkbox-label::before {
    background-color: #0938de
}

.ish--checkbox:checked + .ish--checkbox-label::before:hover {
    background-color: #87CEEB
}

.ish--checkbox:checked + .ish--checkbox-label::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 0;
    width: 9px;
    height: 5px;
    background: 0 0;
    border-left: 2px solid #231f20;
    border-bottom: 2px solid #231f20;
    transform-origin: bottom right;
    transform: scale(1) rotate(-45deg);
    border-radius: 1px
}

.ish--checkbox:checked + .ish--checkbox-label:hover::before {
    background-color: #87CEEB
}

.ish--multi-select .ish--list-box__menu-item__option {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.ish--multi-select .ish--list-box__menu-item__option > .ish--form-item {
    margin: 0;
    flex-direction: row
}

.ish--multi-select .ish--checkbox-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ish--multi-select .ish--checkbox-label {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #474747;
    height: 20px;
    transition: color .3s ease-in-out;
    max-width: 100%
}

.ish--multi-select .ish--checkbox-label:hover {
    color: #369
}

.ish--multi-select .ish--checkbox:checked + .ish--checkbox-label {
    font-weight: 500
}

.ish--tag {
    background-color: #f7f7f7;
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    white-space: nowrap;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase
}

.ish--tag--green {
    background-color: #048930;
    color: #fff
}

.ish--tag--blue {
    background-color: #d5eaff;
    color: #369
}

.ish--tag--filter {
    background-color: rgba(35, 31, 32, .05);
    cursor: pointer;
    padding-right: 0;
    height: 24px;
    border-radius: 3px
}

.ish--tag--filter > svg {
    fill: #9b9b9b;
    margin-left: 5px;
    padding: 0;
    width: 20px;
    height: 20px
}

.ish--number {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    display: flex;
    flex-direction: column;
    position: relative
}

.ish--number__input-wrapper {
    display: flex;
    align-items: center;
    padding-right: 30px;
    padding-left: 5px
}

.ish--number__input-wrapper:hover input[type=number] {
    background: #f5f5f5
}

.ish--number__invalid {
    position: absolute;
    right: 2rem;
    fill: #fc2347
}

.ish--number__controls {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    position: absolute;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.ish--number__control-btn {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    background: 0 0;
    appearance: none;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 20px;
    color: #474747
}

.ish--number__control-btn:hover {
    color: #0938de
}

.ish--number__control-btn:disabled {
    cursor: not-allowed;
    color: #9b9b9b
}

.ish--number__control-btn svg {
    fill: currentColor;
    position: relative;
    width: 10px;
    height: 5px;
    will-change: color;
    transition: color 70ms cubic-bezier(.2, 0, 1, .9)
}

.ish--number__control-btn.up-icon svg {
    top: 3px
}

.ish--number__control-btn.down-icon svg {
    top: -3px
}

.ish--number input[type=number] {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    box-sizing: border-box;
    display: inline-flex;
    width: 100%;
    min-width: 80px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    transition: all 70ms cubic-bezier(.2, 0, 1, .9);
    text-align: right;
    box-shadow: none;
    will-change: box-shadow, background-color
}

.ish--number input[type=number]:focus {
    background: #f5f5f5;
    box-shadow: inset 0 -1px 0 0 #231f20
}

.ish--overflow-menu::before {
    content: "";
    position: absolute;
    right: 6px;
    bottom: 6px;
    top: auto;
    width: 0;
    height: 0;
    border-color: transparent transparent #0938de;
    border-style: solid;
    border-width: 0 0 6px 6px
}

.ish--overflow-menu[aria-expanded=true]::before {
    bottom: auto;
    top: 6px;
    border-color: #8b7b7f transparent transparent;
    border-width: 6px 0 0 6px
}

.ish--overflow-menu[aria-expanded=true] .ish--overflow-menu__trigger {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05), 0 0 4px 0 rgba(0, 0, 0, .05)
}

.ish--overflow-menu[aria-expanded=true] .ish--overflow-menu-options {
    display: flex
}

.ish--overflow-menu[aria-expanded=true] .ish--overflow-menu-options.ish--overflow-menu--flip {
    left: unset;
    right: 0
}

.ish--overflow-menu--flip {
    left: -140px
}

.ish--overflow-menu__trigger {
    display: none;
    border: none;
    background: 0 0;
    color: #231f20;
    stroke: #231f20;
    cursor: pointer;
    justify-content: center;
    align-items: center
}

.ish--overflow-menu__trigger svg {
    fill: #231f20
}

.ish--overflow-menu__trigger:hover {
    color: #0938de;
    stroke: #0938de;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05), 0 0 4px 0 rgba(0, 0, 0, .05)
}

.ish--overflow-menu__trigger:hover svg {
    fill: #0938de
}

.ish--overflow-menu .ish--overflow-menu-options {
    box-sizing: border-box;
    margin: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05), 0 0 4px 0 rgba(0, 0, 0, .05), inset 0 -2px 0 0 #231f20;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    width: auto;
    width: fit-content;
    list-style: none;
    left: 0;
    max-height: 190px;
    overflow-y: auto;
    z-index: 9100;
    background-color: #fff;
    padding: 2px 0;
    top: 100%
}

.ish--overflow-menu .ish--overflow-menu-options__option {
    display: flex;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: color .3s ease-in-out;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    background-color: transparent;
    align-items: center;
    width: 100%;
    padding: 0;
    min-height: 40px;
    border-bottom: 1px solid #f7f7f7
}

.ish--overflow-menu .ish--overflow-menu-options__option:last-child {
    border-bottom: none
}

.ish--overflow-menu .ish--overflow-menu-options__option--danger {
    color: #fc2347
}

.ish--overflow-menu .ish--overflow-menu-options__option--danger .ish--overflow-menu-options__btn:hover {
    color: #fc2347
}

.ish--overflow-menu .ish--overflow-menu-options__btn {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #474747;
    padding: 10px 20px 10px 15px;
    width: 100%;
    height: 100%;
    border: none;
    display: inline-flex;
    align-items: center;
    background-color: transparent;
    text-align: left;
    cursor: pointer;
    max-width: 11.25rem;
    transition: all .3s ease-in-out
}

.ish--overflow-menu .ish--overflow-menu-options__btn:hover {
    color: #369
}

.ish--overflow-menu .ish--overflow-menu-options__btn:disabled {
    cursor: not-allowed;
    color: #868383
}

.ish--overflow-menu .ish--overflow-menu-options__btn:disabled .ish--overflow-menu-options__option-content span + span {
    white-space: nowrap;
    color: #474747;
    opacity: .5
}

.ish--overflow-menu .ish--overflow-menu-options__option-selected {
    font-weight: 600
}

.ish--overflow-menu .ish--overflow-menu-options__option-selected .ish--checkbox-label::before {
    background-color: #0938de
}

.ish--overflow-menu .ish--overflow-menu-options__option-selected .ish--checkbox-label::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 0;
    width: 9px;
    height: 5px;
    background: 0 0;
    border-left: 2px solid #231f20;
    border-bottom: 2px solid #231f20;
    transform-origin: bottom right;
    transform: scale(1) rotate(-45deg);
    border-radius: 1px
}

.ish--overflow-menu .ish--overflow-menu-options__option-selected .ish--checkbox-label:hover::before {
    background-color: #87CEEB
}

.ish--overflow-menu .ish--overflow-menu-options__option-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.ish--overflow-menu .ish--overflow-menu-options__option-content span {
    white-space: normal
}

.ish--overflow-menu .ish--overflow-menu-options__option-content span + span {
    white-space: nowrap;
    margin-left: 20px;
    color: #474747;
    opacity: .5;
    font-size: 1rem;
    line-height: 1.4285714286rem
}

.ish--toggle-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    visibility: visible;
    white-space: nowrap
}

.ish--toggle-input:checked + .ish--toggle-input__label > .ish--toggle__switch::before {
    background-color: #0938de
}

.ish--toggle-input:checked + .ish--toggle-input__label > .ish--toggle__switch::after {
    background-color: #231f20;
    transform: translateX(14px)
}

.ish--toggle-input:checked + .ish--toggle-input__label > .ish--toggle__switch:hover::before {
    background-color: #87CEEB
}

.ish--toggle-input__label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    cursor: pointer
}

.ish--toggle__switch {
    position: relative;
    display: flex;
    align-items: center;
    width: 34px;
    height: 20px;
    margin: 5px 0;
    cursor: pointer
}

.ish--toggle__switch::before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    display: block;
    width: 34px;
    height: 20px;
    border-radius: 10px;
    content: "";
    background-color: rgba(35, 31, 32, .05);
    transition: background-color 70ms cubic-bezier(.2, 0, 1, .9)
}

.ish--toggle__switch::after {
    box-sizing: border-box;
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #231f20;
    content: "";
    will-change: transform;
    transition: transform 70ms cubic-bezier(.2, 0, 1, .9), background-color 70ms cubic-bezier(.2, 0, 1, .9)
}

.ish--toggle__switch:hover::before {
    background-color: rgba(35, 31, 32, .3)
}

.ish--label {
    box-sizing: border-box;
    margin: 0 0 5px;
    padding: 0;
    border: 0;
    display: inline-block;
    font-size: .7142857143rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.2;
    color: #8b7b7f;
    text-transform: uppercase;
    vertical-align: baseline;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif
}

.ish--label-description {
    font-size: .9285714286rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: #474747;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4285714286rem;
    margin-bottom: 15px
}

.ish--label .ish--form-requirement {
    line-height: inherit;
    font-size: inherit
}

.ish--text-input__field-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

.ish--text-area {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    font-family: inherit;
    vertical-align: baseline;
    width: 100%;
    min-width: 10rem;
    min-height: 2.5rem;
    padding: 10px 15px;
    order: 3;
    resize: vertical;
    border: none;
    transition: background-color 70ms cubic-bezier(.2, 0, .38, .9), outline 70ms cubic-bezier(.2, 0, .38, .9);
    border-radius: 0;
    box-shadow: inset 0 -1px 0 0 #231f20;
    background-color: rgba(51, 51, 51, .05)
}

.ish--text-area::placeholder {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #999
}

.ish--text-area__wrapper {
    position: relative;
    display: flex
}

.ish--text-area__wrapper .ish--text-area--invalid {
    padding-right: 40px
}

.ish--text-area__wrapper .ish--text-area__invalid-icon {
    position: absolute;
    right: 15px;
    top: 10px;
    fill: #fc2347
}

.ish--text-area--invalid {
    box-shadow: inset 0 -1px 0 0 #fc2347
}

.ish--slider {
    position: relative;
    width: 100%;
    margin: 0 8px
}

.ish--slider-container {
    display: flex;
    align-items: center;
    user-select: none
}

.ish--slider__thumb {
    position: absolute;
    height: 16px;
    width: 16px;
    background: #fff;
    border: 4px solid #231f20;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;
    top: 0;
    transform: translate(-50%, -50%);
    transition: transform 110ms cubic-bezier(.2, 0, .38, .9), background 110ms cubic-bezier(.2, 0, .38, .9), box-shadow 110ms cubic-bezier(.2, 0, .38, .9);
    cursor: pointer;
    outline: 0;
    z-index: 3
}

.ish--slider__thumb:focus {
    background: #0938de;
    transform: translate(-50%, -50%) scale(1.25);
    border-width: 4px
}

.ish--slider__thumb:focus ~ .ish--slider__filled-track {
    background-color: #231f20
}

.ish--slider__track {
    position: absolute;
    width: 100%;
    height: 14px;
    background: rgba(71, 71, 71, .1);
    cursor: pointer;
    transform: translate(0, -50%);
    border: 5px solid #fff
}

.ish--slider__filled-track {
    position: absolute;
    width: 100%;
    height: 4px;
    background: #231f20;
    transform-origin: left;
    pointer-events: none;
    transform: translate(0, -50%);
    transition: background 110ms cubic-bezier(.2, 0, .38, .9)
}

.ish--inline-notification, .ish--toast-notification {
    margin: 10px 15px !important
}

.ish--inline-notification .ish--inline-notification__icon, .ish--toast-notification .ish--inline-notification__icon {
    display: unset
}

.ish--inline-notification .ish--toast-notification__details, .ish--toast-notification .ish--toast-notification__details {
    display: flex
}

.ish--toast-notification {
    box-sizing: border-box;
    margin: 10px 10px 10px 0;
    padding: 0 0 0 15px;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    display: flex;
    width: 290px;
    height: auto;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    color: #fff;
    background-color: #231f20
}

@media screen and (min-width: 1200px) {
    .ish--toast-notification {
        width: 340px
    }
}

.ish--toast-notification *, .ish--toast-notification :after, .ish--toast-notification :before {
    box-sizing: inherit
}

.ish--toast-notification--info {
    border-left: 3px solid #474747
}

.ish--toast-notification--info .ish--toast-notification__icon {
    fill: #474747
}

.ish--toast-notification--warning {
    border-left: 3px solid #f2a87d
}

.ish--toast-notification--warning .ish--toast-notification__icon {
    fill: #f2a87d
}

.ish--toast-notification--error {
    border-left: 3px solid #fc2347
}

.ish--toast-notification--error .ish--toast-notification__icon {
    fill: #fc2347
}

.ish--toast-notification--success {
    border-left: 3px solid #048930
}

.ish--toast-notification--success .ish--toast-notification__icon {
    fill: #048930
}

.ish--toast-notification__details {
    margin-right: 15px
}

.ish--toast-notification__icon {
    flex-shrink: 0;
    margin-right: 15px;
    margin-top: 15px
}

.ish--toast-notification__title {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #fff;
    margin: 15px 0 10px;
    word-break: break-word
}

.ish--toast-notification__subtitle {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px;
    word-break: break-word
}

.ish--toast-notification__close-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin-left: auto;
    padding: 0;
    height: 40px;
    width: 40px;
    min-height: 40px;
    min-width: 40px;
    transition: background-color 110ms ease-in-out
}

.ish--toast-notification__close-icon {
    fill: #9b9b9b
}

.ish--search {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%
}

.ish--search .ish--label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    visibility: visible;
    white-space: nowrap
}

.ish--search-input {
    box-sizing: border-box;
    margin: 0;
    border: 0;
    appearance: none;
    border: none;
    padding: 0 40px;
    height: 40px;
    text-overflow: ellipsis;
    width: 100%;
    order: 1;
    transition: background-color 110ms cubic-bezier(.2, 0, .38, .9);
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    box-shadow: inset 0 -1px 0 0 #231f20;
    background-color: rgba(51, 51, 51, .05)
}

.ish--search-input::placeholder {
    color: rgba(71, 71, 71, .3)
}

.ish--search-magnifier {
    left: 10px;
    z-index: 2;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 50%;
    transform: translateY(-50%);
    fill: #231f20;
    pointer-events: none
}

.ish--search-close {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 110ms cubic-bezier(.2, 0, .38, .9), background-color 110ms cubic-bezier(.2, 0, .38, .9);
    cursor: pointer;
    visibility: visible;
    opacity: 1;
    height: 40px;
    width: 40px;
    fill: #231f20;
    border: 1px solid transparent;
    border-left: 0;
    position: absolute;
    right: 0;
    background: 0 0;
    appearance: none
}

.ish--search-close--hidden {
    visibility: hidden;
    opacity: 0
}

.ish--text-input {
    box-sizing: border-box;
    margin: 0;
    border: 0;
    appearance: none;
    border: none;
    padding: 0 15px;
    height: 40px;
    text-overflow: ellipsis;
    width: 100%;
    order: 1;
    transition: background-color 110ms cubic-bezier(.2, 0, .38, .9);
    border-radius: 0;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    box-shadow: inset 0 -1px 0 0 #231f20;
    background-color: rgba(35, 31, 32, .05)
}

.ish--text-input::placeholder {
    color: rgba(71, 71, 71, .3)
}

.ish--text-input:focus::placeholder {
    color: #474747
}

.ish--text-input[disabled] {
    cursor: not-allowed
}

.ish--text-input__field-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

.ish--text-input__field-wrapper .ish--text-input--invalid {
    padding-right: 40px
}

.ish--text-input__field-wrapper .ish--text-input__invalid-icon {
    position: absolute;
    right: 1rem;
    fill: #fc2347
}

.ish--text-input--invalid {
    box-shadow: inset 0 -1px 0 0 #fc2347
}

.ish--form-requirement {
    font-size: .9285714286rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: #fc2347;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4285714286rem;
    margin-top: 5px;
    max-height: 0
}

.ish--form-requirement ul {
    list-style: none
}

@media (max-width: 991.98px) {
    .ish--form-requirement {
        max-height: unset
    }
}

.ish--inline-loading {
    display: flex;
    width: 100%;
    min-height: 32px;
    align-items: center
}

.ish--inline-loading__animation {
    position: relative;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ish--inline-loading__text {
    font-size: .9285714286rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: #474747;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4285714286rem
}

.ish--inline-loading__checkmark-container {
    fill: #0938de
}

.ish--inline-loading .ish--loading__stroke {
    stroke-dashoffset: 99
}

.ish--inline-loading .ish--loading__svg circle {
    stroke-width: 12
}

.ish--loading {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    animation-name: rotate;
    animation-duration: 690ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    width: 168px;
    height: 168px
}

.ish--loading svg circle {
    animation-name: init-stroke;
    animation-duration: 10ms;
    animation-timing-function: cubic-bezier(.2, 0, .38, .9)
}

.ish--loading--small {
    width: 32px;
    height: 32px
}

.ish--loading--small circle {
    stroke-width: 12
}

.ish--loading--small .ish--loading__svg {
    stroke: #0938de
}

.ish--loading--small .ish--loading__svg circle {
    stroke-width: 12
}

.ish--loading--small .ish--loading__stroke {
    stroke-dashoffset: 99
}

.ish--loading__svg {
    fill: transparent
}

.ish--loading__svg circle {
    stroke-width: 8;
    stroke-linecap: butt;
    stroke-dasharray: 240
}

.ish--loading__stroke {
    stroke: #0938de;
    stroke-dashoffset: 40
}

.ish--loading__background {
    stroke: #f7f7f7;
    stroke-dashoffset: 0
}

.ish--tooltip__trigger:not(.ish--btn--icon-only) {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    vertical-align: baseline;
    background: 0 0;
    appearance: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center
}

.ish--tooltip__trigger.ish--tooltip--bottom, .ish--tooltip__trigger.ish--tooltip--top {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    overflow: visible
}

.ish--tooltip__trigger[aria-expanded=true] {
    position: relative
}

.ish--tooltip__trigger[aria-expanded=true] .ish--tooltip {
    display: block;
    opacity: 0
}

.ish--tooltip__trigger[aria-expanded=true] .ish--tooltip.shown {
    opacity: 1
}

.ish--tooltip__trigger.ish--tooltip--bottom .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom::after, .ish--tooltip__trigger.ish--tooltip--bottom::before, .ish--tooltip__trigger.ish--tooltip--top .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top::after, .ish--tooltip__trigger.ish--tooltip--top::before {
    font-size: .9285714286rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: #fff;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4285714286rem;
    position: absolute;
    z-index: 10001;
    display: flex;
    align-items: center;
    opacity: 0;
    pointer-events: none
}

.ish--tooltip__trigger.ish--tooltip--bottom::before, .ish--tooltip__trigger.ish--tooltip--top::before {
    width: 0;
    height: 0;
    border-style: solid;
    content: ""
}

.ish--tooltip__trigger.ish--tooltip--bottom .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top + .ish--assistive-text {
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal
}

.ish--tooltip__trigger.ish--tooltip--top::after, .ish--tooltip__trigger.ish--tooltip--top:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover + .ish--assistive-text {
    width: max-content;
    max-width: 240px;
    height: auto;
    padding: 10px;
    text-align: left;
    transform: translateX(-50%);
    pointer-events: none;
    font-size: .9285714286rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: #fff;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4285714286rem;
    background-color: rgba(35, 31, 32, .9)
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .ish--tooltip__trigger.ish--tooltip--top::after, .ish--tooltip__trigger.ish--tooltip--top:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover + .ish--assistive-text {
        width: 240px
    }
}

@supports (-ms-accelerator:true) {
    .ish--tooltip__trigger.ish--tooltip--top::after, .ish--tooltip__trigger.ish--tooltip--top:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover + .ish--assistive-text {
        width: 240px
    }
}

@supports (-ms-ime-align:auto) {
    .ish--tooltip__trigger.ish--tooltip--top::after, .ish--tooltip__trigger.ish--tooltip--top:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover + .ish--assistive-text {
        width: 240px
    }
}

.ish--tooltip__trigger.ish--tooltip--bottom::after, .ish--tooltip__trigger.ish--tooltip--bottom:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover + .ish--assistive-text {
    width: max-content;
    max-width: 240px;
    height: auto;
    padding: 10px;
    text-align: left;
    transform: translateX(-50%);
    pointer-events: none;
    font-size: .9285714286rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: #fff;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4285714286rem;
    background-color: rgba(35, 31, 32, .9)
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .ish--tooltip__trigger.ish--tooltip--bottom::after, .ish--tooltip__trigger.ish--tooltip--bottom:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover + .ish--assistive-text {
        width: 240px
    }
}

@supports (-ms-accelerator:true) {
    .ish--tooltip__trigger.ish--tooltip--bottom::after, .ish--tooltip__trigger.ish--tooltip--bottom:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover + .ish--assistive-text {
        width: 240px
    }
}

@supports (-ms-ime-align:auto) {
    .ish--tooltip__trigger.ish--tooltip--bottom::after, .ish--tooltip__trigger.ish--tooltip--bottom:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover + .ish--assistive-text {
        width: 240px
    }
}

.ish--tooltip__trigger.ish--tooltip--bottom::after, .ish--tooltip__trigger.ish--tooltip--top::after {
    content: attr(aria-label)
}

.ish--tooltip__trigger.ish--tooltip--bottom.ish--tooltip--a11y::after, .ish--tooltip__trigger.ish--tooltip--top.ish--tooltip--a11y::after {
    content: none
}

.ish--tooltip__trigger.ish--tooltip--bottom:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover + .ish--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

@keyframes tooltip-fade {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.ish--tooltip__trigger.ish--tooltip--bottom:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:focus.ish--tooltip--a11y::before, .ish--tooltip__trigger.ish--tooltip--bottom:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover.ish--tooltip--a11y::before, .ish--tooltip__trigger.ish--tooltip--top:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:focus.ish--tooltip--a11y::before, .ish--tooltip__trigger.ish--tooltip--top:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover.ish--tooltip--a11y::before {
    animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9)
}

.ish--tooltip__trigger.ish--tooltip--top::after, .ish--tooltip__trigger.ish--tooltip--top::before, .ish--tooltip__trigger.ish--tooltip--top:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover + .ish--assistive-text {
    top: 0;
    left: 50%
}

.ish--tooltip__trigger.ish--tooltip--bottom::after, .ish--tooltip__trigger.ish--tooltip--bottom::before, .ish--tooltip__trigger.ish--tooltip--bottom:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover + .ish--assistive-text {
    bottom: 0;
    left: 50%
}

.ish--tooltip__trigger.ish--tooltip--top::after, .ish--tooltip__trigger.ish--tooltip--top:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--top:hover + .ish--assistive-text {
    top: -15px;
    transform: translate(-50%, -100%)
}

.ish--tooltip__trigger.ish--tooltip--bottom::after, .ish--tooltip__trigger.ish--tooltip--bottom:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--bottom:hover + .ish--assistive-text {
    bottom: -15px;
    transform: translate(-50%, 100%)
}

.ish--tooltip__trigger.ish--tooltip--top::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent rgba(35, 31, 32, .9);
    top: -5px;
    -ms-transform: translate(-50%, -100%) translateX(5px);
    -webkit-transform: translate(calc(-50% + 5px), -100%) rotate(90deg);
    transform: translate(calc(-50% + 5px), -100%) rotate(90deg)
}

.ish--tooltip__trigger.ish--tooltip--bottom::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent rgba(35, 31, 32, .9);
    bottom: -5px;
    -ms-transform: translate(-50%, 100%) translateX(5px);
    -webkit-transform: translate(calc(-50% + 5px), 100%) rotate(360deg);
    transform: translate(calc(-50% + 5px), 100%)
}

.ish--tooltip__trigger.ish--tooltip--bottom.ish--tooltip--a11y::after, .ish--tooltip__trigger.ish--tooltip--bottom.ish--tooltip--a11y::before, .ish--tooltip__trigger.ish--tooltip--top.ish--tooltip--a11y::after, .ish--tooltip__trigger.ish--tooltip--top.ish--tooltip--a11y::before {
    transition: none
}

.ish--tooltip__trigger.ish--tooltip--bottom:focus::after, .ish--tooltip__trigger.ish--tooltip--bottom:focus::before, .ish--tooltip__trigger.ish--tooltip--bottom:hover::after, .ish--tooltip__trigger.ish--tooltip--bottom:hover::before, .ish--tooltip__trigger.ish--tooltip--top:focus::after, .ish--tooltip__trigger.ish--tooltip--top:focus::before, .ish--tooltip__trigger.ish--tooltip--top:hover::after, .ish--tooltip__trigger.ish--tooltip--top:hover::before {
    opacity: 1
}

.ish--tooltip__trigger.ish--tooltip--right {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    overflow: visible
}

.ish--tooltip__trigger.ish--tooltip--right .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right::after, .ish--tooltip__trigger.ish--tooltip--right::before {
    font-size: .9285714286rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: #fff;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4285714286rem;
    font-weight: 400;
    font-size: .9285714286rem;
    line-height: 1.4285714286rem;
    position: absolute;
    z-index: 10001;
    display: flex;
    align-items: center;
    opacity: 0;
    pointer-events: none
}

.ish--tooltip__trigger.ish--tooltip--right::before {
    width: 0;
    height: 0;
    border-style: solid;
    content: ""
}

.ish--tooltip__trigger.ish--tooltip--right .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right + .ish--assistive-text {
    box-sizing: content-box;
    color: inherit;
    opacity: 1;
    white-space: normal
}

.ish--tooltip__trigger.ish--tooltip--right::after, .ish--tooltip__trigger.ish--tooltip--right:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover + .ish--assistive-text {
    width: max-content;
    max-width: 240px;
    height: auto;
    padding: 10px;
    text-align: left;
    transform: translateX(-50%);
    pointer-events: none;
    font-size: .9285714286rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: #fff;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4285714286rem;
    background-color: rgba(35, 31, 32, .9)
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .ish--tooltip__trigger.ish--tooltip--right::after, .ish--tooltip__trigger.ish--tooltip--right:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover + .ish--assistive-text {
        width: 240px
    }
}

@supports (-ms-accelerator:true) {
    .ish--tooltip__trigger.ish--tooltip--right::after, .ish--tooltip__trigger.ish--tooltip--right:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover + .ish--assistive-text {
        width: 240px
    }
}

@supports (-ms-ime-align:auto) {
    .ish--tooltip__trigger.ish--tooltip--right::after, .ish--tooltip__trigger.ish--tooltip--right:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover + .ish--assistive-text {
        width: 240px
    }
}

.ish--tooltip__trigger.ish--tooltip--right::after {
    content: attr(aria-label)
}

.ish--tooltip__trigger.ish--tooltip--right.ish--tooltip--a11y::after {
    content: none
}

.ish--tooltip__trigger.ish--tooltip--right:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover + .ish--assistive-text {
    clip: auto;
    margin: auto;
    overflow: visible
}

.ish--tooltip__trigger.ish--tooltip--right:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:focus.ish--tooltip--a11y::before, .ish--tooltip__trigger.ish--tooltip--right:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover.ish--tooltip--a11y::before {
    animation: tooltip-fade 70ms cubic-bezier(.2, 0, .38, .9)
}

.ish--tooltip__trigger.ish--tooltip--right::after, .ish--tooltip__trigger.ish--tooltip--right::before, .ish--tooltip__trigger.ish--tooltip--right:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover + .ish--assistive-text {
    top: 50%;
    right: 0
}

.ish--tooltip__trigger.ish--tooltip--right::after, .ish--tooltip__trigger.ish--tooltip--right:focus .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:focus + .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover .ish--assistive-text, .ish--tooltip__trigger.ish--tooltip--right:hover + .ish--assistive-text {
    right: -20px;
    transform: translate(100%, -50%)
}

.ish--tooltip__trigger.ish--tooltip--right::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent rgba(35, 31, 32, .9) transparent transparent;
    right: -10px;
    -ms-transform: translate(100%, -50%) translateY(5px);
    -webkit-transform: translate(100%, calc(-50% + 5px)) rotate(360deg);
    transform: translate(100%, calc(-50% + 5px))
}

.ish--tooltip__trigger.ish--tooltip--right.ish--tooltip--a11y::after, .ish--tooltip__trigger.ish--tooltip--right.ish--tooltip--a11y::before {
    transition: none
}

.ish--tooltip__trigger.ish--tooltip--right:focus::after, .ish--tooltip__trigger.ish--tooltip--right:focus::before, .ish--tooltip__trigger.ish--tooltip--right:hover::after, .ish--tooltip__trigger.ish--tooltip--right:hover::before {
    opacity: 1
}

.ish--tooltip__trigger.ish--tooltip--right .ish--assistive-text {
    pointer-events: all !important
}

.ish--tooltip__trigger.ish--tooltip--right .ish--assistive-text:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 100%;
    left: 0;
    top: 0;
    transform: translateX(-75%)
}

.ish--tooltip__trigger.ish--tooltip--left .ish--assistive-text {
    pointer-events: all !important
}

.ish--tooltip__trigger.ish--tooltip--left .ish--assistive-text:before {
    content: "";
    position: absolute;
    width: 35px;
    height: 100%;
    right: 0;
    top: 0;
    transform: translateX(75%)
}

.ish--tooltip__trigger.ish--tooltip--bottom .ish--assistive-text {
    pointer-events: all !important
}

.ish--tooltip__trigger.ish--tooltip--bottom .ish--assistive-text:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 35px;
    left: 0;
    top: 0;
    transform: translateY(-75%)
}

.ish--tooltip__trigger.ish--tooltip--top .ish--assistive-text {
    pointer-events: all !important
}

.ish--tooltip__trigger.ish--tooltip--top .ish--assistive-text:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 35px;
    left: 0;
    bottom: 0;
    transform: translateY(75%)
}

.ish--assistive-text .ish--link {
    color: #0938de;
    transition: text-decoration .3s ease-in-out
}

.ish--assistive-text .ish--link:hover {
    text-decoration: underline
}

.ish--assistive-text, .ish--visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    visibility: visible;
    white-space: nowrap
}

.ish--file-container {
    display: flex;
    margin-top: 15px;
    flex-wrap: wrap
}

.ish--file-container .ish--file__selected-file {
    padding: 10px 0;
    margin-right: 15px;
    min-height: 40px;
    max-width: 320px
}

.ish--file-container .ish--file__selected-file:last-child {
    margin-bottom: auto
}

.ish--file__selected-file {
    display: flex;
    align-items: center;
    min-height: 40px;
    max-width: 140px;
    margin-bottom: 15px;
    background-color: #f4f4f4;
    word-break: break-word
}

.ish--file__selected-file .ish--file-filename {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    margin-left: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ish--file__selected-file--invalid .ish--file-filename {
    color: #fc2347
}

.ish--file__state-container {
    display: flex;
    justify-content: center;
    min-width: 16px;
    margin: 0 10px 0 5px
}

.ish--file__state-container .ish--file-close {
    height: 16px;
    width: 16px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    fill: #231f20
}

.ish--file--label {
    box-sizing: border-box;
    margin: 0 0 5px;
    padding: 0;
    border: 0;
    display: inline-block;
    font-size: .7142857143rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.2;
    color: #8b7b7f;
    text-transform: uppercase;
    vertical-align: baseline
}

@media (max-width: 767.98px) {
    .ish--tooltip__trigger:not(.platform-icon) {
        display: none !important
    }

    .ish--tooltip__trigger:not(.platform-icon):before {
        display: none !important
    }

    .ish--tooltip__trigger:not(.platform-icon) .ish--assistive-text {
        display: none !important
    }

    .ish--tooltip__trigger.platform-icon {
        cursor: default
    }
}

.ish--radio-button-group {
    width: 100%;
    padding: 0;
    border: none;
    position: relative;
    z-index: 1
}

.ish--radio-button-group .ish--radio-button-wrapper {
    display: flex;
    cursor: pointer;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #f7f7f7
}

.ish--radio-button-group .ish--radio-button-wrapper input {
    display: none
}

.ish--radio-button-group .ish--radio-button-wrapper .ish--radio-button__label {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer
}

.ish--radio-button-group .ish--radio-button-wrapper .ish--radio-button__label .name {
    margin-right: auto;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #231f20
}

.ish--radio-button-group .ish--radio-button-wrapper .ish--radio-button__label .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 15px
}

.ish--radio-button-group .ish--radio-button-wrapper .ish--radio-button__label .info .other {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    color: #048930;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-align: right;
    text-transform: uppercase;
    margin-bottom: 5px
}

.ish--radio-button-group .ish--radio-button-wrapper .ish--radio-button__label .info .price {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    text-align: right;
    color: #231f20
}

.ish--radio-button-group .ish--radio-button-wrapper .ish--radio-button__appearance {
    display: flex;
    background-color: rgba(35, 31, 32, .05);
    border-radius: 50%;
    box-sizing: border-box;
    flex-shrink: 0;
    font-family: inherit;
    font-size: 100%;
    height: 20px;
    width: 20px;
    padding: 0;
    position: relative;
    transition: background-color .3s ease-in-out
}

.ish--radio-button-group .ish--radio-button-wrapper .ish--radio-button__appearance:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    height: 8px;
    width: 8px;
    background-color: transparent;
    transition: background-color .3s ease-in-out
}

.ish--radio-button-group .ish--radio-button-wrapper.active {
    pointer-events: none
}

.ish--radio-button-group .ish--radio-button-wrapper.active .ish--radio-button__appearance {
    background-color: #0938de !important
}

.ish--radio-button-group .ish--radio-button-wrapper.active .ish--radio-button__appearance:after {
    background-color: #231f20 !important
}

.ish--radio-button-group .ish--radio-button-wrapper:last-child {
    border-bottom: none
}

.ish--radio-button-group .ish--radio-button-wrapper:hover .ish--radio-button__appearance {
    background-color: rgba(35, 31, 32, .3)
}

.ish--radio-button-group.periods {
    background-color: #f7f7f7
}

.ish--radio-button-group.periods .panel {
    display: none !important
}

.ish--radio-button-group.periods .ish--row, .ish--radio-button-group.periods .row {
    margin: -.5px
}

.ish--radio-button-group.periods .ish--row .col, .ish--radio-button-group.periods .ish--row .ish--col, .ish--radio-button-group.periods .ish--row [class^=col-], .ish--radio-button-group.periods .row .col, .ish--radio-button-group.periods .row .ish--col, .ish--radio-button-group.periods .row [class^=col-] {
    padding: .5px
}

@media (max-width: 991.98px) {
    .ish--radio-button-group.periods .ish--row .col, .ish--radio-button-group.periods .ish--row .ish--col, .ish--radio-button-group.periods .ish--row [class^=col-], .ish--radio-button-group.periods .row .col, .ish--radio-button-group.periods .row .ish--col, .ish--radio-button-group.periods .row [class^=col-] {
        min-width: 50%
    }
}

.ish--radio-button-group.periods .ish--radio-button-wrapper {
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
    padding-right: 40px;
    position: relative;
    transition: background-color .3s ease-in-out
}

.ish--radio-button-group.periods .ish--radio-button-wrapper .ish--radio-button__label {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.ish--radio-button-group.periods .ish--radio-button-wrapper .ish--radio-button__label .info {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 5px
}

.ish--radio-button-group.periods .ish--radio-button-wrapper .ish--radio-button__label .info .price {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: .9285714286rem;
    line-height: 1.4285714286rem;
    color: rgba(71, 71, 71, .5)
}

.ish--radio-button-group.periods .ish--radio-button-wrapper .ish--radio-button__label .info .other {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #048930;
    margin-bottom: 0;
    margin-top: 5px
}

.ish--radio-button-group.periods .ish--radio-button-wrapper .ish--radio-button__label .name {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #231f20;
    white-space: nowrap
}

.ish--radio-button-group.periods .ish--radio-button-wrapper .ish--radio-button__appearance {
    position: absolute;
    right: 15px;
    top: 15px;
    background-color: transparent;
    display: block
}

.ish--radio-button-group.periods .ish--radio-button-wrapper .ish--radio-button__appearance svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% + 1px));
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.ish--radio-button-group.periods .ish--radio-button-wrapper .ish--radio-button__appearance:after {
    content: unset
}

@media (max-width: 767.98px) {
    .ish--radio-button-group.periods .ish--radio-button-wrapper .ish--radio-button__appearance {
        right: 10px;
        top: 10px
    }
}

.ish--radio-button-group.periods .ish--radio-button-wrapper.active, .ish--radio-button-group.periods .ish--radio-button-wrapper:hover {
    background-color: #fff
}

.ish--radio-button-group.periods .ish--radio-button-wrapper:hover .ish--radio-button__appearance {
    background-color: rgba(35, 31, 32, .05)
}

.ish--radio-button-group.periods .ish--radio-button-wrapper.active {
    pointer-events: none
}

.ish--radio-button-group.periods .ish--radio-button-wrapper.active .ish--radio-button__appearance svg {
    opacity: 1
}

.ish--radio-button-group.periods .ish--radio-button-wrapper.active .ish--radio-button__label .info .price {
    color: #474747;
    font-weight: 600
}

@media (max-width: 767.98px) {
    .ish--radio-button-group.periods .ish--radio-button-wrapper {
        padding: 10px 30px 10px 10px
    }
}

.w-100 {
    width: 100%
}

.hashlinkfix::before {
    display: block;
    content: " ";
    margin-top: -5rem;
    height: 5rem;
    visibility: hidden;
    pointer-events: none
}



.ish--list-box__wrapper .ish--list-box__menu .ish--search {
    height: 40px
}

.ish--list-box__wrapper .ish--list-box__menu .ish--search .ish--search-input {
    height: 100%;
    border-bottom: none;
    box-shadow: none
}

.ish--list-box__wrapper .ish--list-box__menu .ish--search .search-close-icon {
    position: absolute;
    right: 1rem
}

.ish--list-box__wrapper .ish--list-box__menu .ish--search .ish--search-magnifier {
    left: 1rem
}

.ish--list-box__wrapper .ish--list-box__menu .ish--search + .ish--list-box__menu-item .ish--list-box__menu-item__option {
    border-top: none !important
}

[aria-expanded] {
    position: relative
}

[aria-expanded]::after {
    position: absolute !important;
    content: "" !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: unset
}

textarea {
    resize: none
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.italic {
    font-style: italic
}

input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover {
    border: 0;
    -webkit-text-fill-color: #231f20;
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    transition: background-color 5000s ease-in-out 0s
}

input:disabled, input:disabled::placeholder, textarea:disabled, textarea:disabled::placeholder {
    -webkit-text-fill-color: currentcolor;
    opacity: 1
}

#drift-frame-chat, #drift-frame-controller {
    z-index: 100 !important
}

.text-md {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

.text-lg {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .text-lg {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.text-caption {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f
}

.fw-300 {
    font-weight: 300 !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.text-yellow {
    color: #0938de
}

.text-white {
    color: #fff
}

.text-lowercase {
    text-transform: lowercase
}

.text-no-transform {
    text-transform: none
}

.opacity-5 {
    opacity: .5
}

.opacity-3 {
    opacity: .3
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.breadcrumb-item {
    padding-right: 10px;
    margin-right: 10px;
    position: relative
}

.breadcrumb-item a, .breadcrumb-item span {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #369;
    transition: color .3s ease-in-out
}

.breadcrumb-item a:hover, .breadcrumb-item span:hover {
    color: #1f5080
}

.breadcrumb-item.current a, .breadcrumb-item.current span {
    color: #474747;
    pointer-events: none
}

.breadcrumb-item:after {
    content: "/";
    position: absolute;
    color: #474747;
    opacity: .5;
    bottom: 2px;
    right: -2px
}

.breadcrumb-item:last-child {
    padding-right: 0;
    margin-right: 0
}

.breadcrumb-item:last-child:after {
    content: none
}

.ps-4 {
    padding-left: 4px
}

.pe-4 {
    padding-right: 4px
}

.mt-0 {
    margin-top: 0 !important
}

.mt-3 {
    margin-top: 20px !important
}

.mt-4 {
    margin-top: 30px !important
}

@media screen and (max-width: 575.98px) {
    .mt-4 {
        margin-top: 20px !important
    }
}

.mb-2 {
    margin-bottom: 10px !important
}

.mb-3 {
    margin-bottom: 20px !important
}

.mb-4 {
    margin-bottom: 30px !important
}

@media screen and (max-width: 575.98px) {
    .mb-4 {
        margin-bottom: 20px !important
    }
}

.mb-0 {
    margin-bottom: 0 !important
}

@media screen and (min-width: 768px) {
    .mb-md-3 {
        margin-bottom: 30px !important
    }
}

.me-3 {
    margin-right: 20px
}

.pt-0 {
    padding-top: 0 !important
}

.ps-0 {
    padding-left: 0 !important
}

.pt-3 {
    padding-top: 20px !important
}

.pt-4 {
    padding-top: 30px !important
}

@media screen and (max-width: 575.98px) {
    .pt-4 {
        padding-top: 20px !important
    }
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1px {
    padding-bottom: 1px !important
}

.pb-3 {
    padding-bottom: 20px !important
}

.pb-4 {
    padding-bottom: 30px !important
}

@media screen and (max-width: 575.98px) {
    .pb-4 {
        padding-bottom: 20px !important
    }
}

.brand-star {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    color: #0938de !important
}

.hide-on-mobile {
    display: flex !important
}

@media screen and (max-width: 767.98px) {
    .hide-on-mobile {
        display: none !important
    }
}

.fi {
    border: 1px solid #f7f7f7
}


.position-relative {
    position: relative
}

.z-index-1 {
    z-index: 1
}

.zopim {
    z-index: 999 !important
}

.bg-white {
    background-color: #fff
}

.margin-top-sm {
    margin-top: 1px
}

.text-nowrap {
    white-space: nowrap
}

.upper {
    text-transform: uppercase
}

.cart-panel {
    position: fixed;
    z-index: 6000;
    background-color: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05), 0 0 4px 0 rgba(0, 0, 0, .05);
    padding: 15px;
    width: 100%;
    right: 0;
    top: calc(var(--top-offset, 0px) + 60px);
    bottom: 0;
    will-change: transform;
    transform: translateX(100%);
    transition: transform .3s ease-in-out
}

.cart-panel.opened {
    transform: translateX(0)
}

.cart-panel.hide {
    right: -100%
}

.cart-panel .cart-list-container, .cart-panel .empty-cart {
    display: none
}

@media screen and (min-width: 576px) {
    .cart-panel {
        width: 476px
    }

    .cart-panel.hide {
        right: -476px
    }
}

.cart-panel-back {
    background: #231f20;
    backdrop-filter: blur(10px);
    position: fixed;
    width: 100vw;
    top: calc(var(--top-offset, 0px) + 60px);
    height: calc(100vh - 60px);
    left: 0;
    transition: opacity .3s ease-in-out
}

.cart-panel-back.hide {
    opacity: 0
}

.ish--modal, .modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "";
    z-index: -1;
    background-color: transparent;
    opacity: 0;
    visibility: hidden;
    transition: background-color 720ms cubic-bezier(.4, .14, 1, 1), opacity 240ms cubic-bezier(.4, .14, 1, 1), z-index 720ms cubic-bezier(.4, .14, 1, 1), visibility 240ms cubic-bezier(.4, .14, 1, 1)
}

.ish--modal.is-visible, .modal.is-visible {
    z-index: 20000;
    visibility: visible;
    opacity: 1;
    background-color: rgba(22, 22, 22, .5);
    transition: background-color 720ms cubic-bezier(0, 0, .3, 1), opacity 240ms cubic-bezier(0, 0, .3, 1), z-index 0s cubic-bezier(0, 0, .3, 1), visibility 240ms cubic-bezier(0, 0, .3, 1)
}

.ish--modal.is-visible .ish--modal-container, .ish--modal.is-visible .modal-container, .modal.is-visible .ish--modal-container, .modal.is-visible .modal-container {
    transform: translate3d(0, 0, 0);
    transition: transform 240ms cubic-bezier(0, 0, .3, 1)
}

.ish--modal .ish--modal-container, .modal .modal-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform-origin: top center;
    transform: translate3d(0, -60px, 0);
    transition: transform 240ms cubic-bezier(.4, .14, 1, 1)
}

.ish--modal .ish--modal-container .ish--modal-header, .modal .modal-container .modal-header {
    padding: 20px 39px 0 15px;
    margin-bottom: 20px
}

.ish--modal .ish--modal-container .ish--modal-header__heading, .modal .modal-container .modal-header {
    font-size: 1.4285714286rem;
    line-height: normal;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20
}

.ish--modal .ish--modal-container .ish--modal-content, .modal .modal-container .modal-content {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    padding: 0 15px 0 15px;
    margin-bottom: 20px;
    overflow-y: auto;
    flex: 1
}

.ish--modal .ish--modal-container .ish--modal-content a, .modal .modal-container .modal-content a {
    color: #369;
    transition: color .3s ease-in-out
}

.ish--modal .ish--modal-container .ish--modal-content a:hover, .modal .modal-container .modal-content a:hover {
    color: #1f5080
}

.ish--modal .ish--modal-container .ish--modal-content p:not(.ish--label-description), .modal .modal-container .modal-content p:not(.ish--label-description) {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    margin-bottom: 30px
}

.ish--modal .ish--modal-container .ish--modal-content p:not(.ish--label-description):last-child, .modal .modal-container .modal-content p:not(.ish--label-description):last-child {
    margin-bottom: 0
}

.ish--modal .ish--modal-container .ish--modal-content b, .modal .modal-container .modal-content b {
    font-weight: 600
}

.ish--modal .ish--modal-container .ish--modal-footer, .modal .modal-container .modal-footer {
    padding: 0 15px 15px 15px
}

.ish--modal .ish--modal-close, .modal .modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    overflow: hidden;
    cursor: pointer;
    background-color: transparent;
    border: none;
    line-height: 1;
    display: block
}

.ish--modal .ish--modal-close i, .modal .modal-close i {
    display: block;
    height: 16px;
    width: 16px;
    background-image: url('data:image/svg+xml,<svg focusable="false" xmlns="http://www.w3.org/2000/svg" style="will-change: transform;" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M1 1L15 15M1 15L15 1" stroke="%23474747" stroke-width="2" stroke-linecap="round"/></svg>');
    transition: all .3s;
    opacity: .5
}

.ish--modal .ish--modal-close:hover i, .modal .modal-close:hover i {
    opacity: 1
}

.modal .modal-container {
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1), 0 2px 20px rgba(0, 0, 0, .1)
}

.modal .modal-container .modal-footer {
    display: flex;
    justify-content: space-between;
    margin-top: auto
}

.modal .modal-container .modal-footer .btn--primary {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    margin-right: 10px;
    padding: 10px 15px;
    height: 40px;
    transition: color .1s ease-in-out, border .3s ease-in-out, background-color .3s ease-in-out
}

.modal .modal-container .modal-footer .btn--primary:hover {
    background: #0938de
}

.modal .modal-container .modal-footer .btn--primary:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

.modal .modal-container .modal-footer .btn--primary .light-text {
    text-transform: capitalize;
    font-weight: 300
}

.modal .modal-container .modal-footer .btn--primary.arrow {
    margin-right: 10px
}

.modal .modal-container .modal-footer .btn--primary.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.modal .modal-container .modal-footer .btn--primary.arrow:hover::before {
    border-left-color: #0938de
}

.modal .modal-container .modal-footer .btn--primary.arrow:disabled::before {
    border-left-color: #0938de
}

.modal .modal-container .modal-footer .btn--primary::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.modal .modal-container .modal-footer .btn--primary:hover::before {
    border-left-color: #0938de
}

.modal .modal-container .modal-footer .btn--primary:disabled::before {
    border-left-color: #0938de
}

.modal .modal-container .modal-footer .btn--secondary {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    background: rgba(71, 71, 71, .1);
    position: relative;
    padding: 10px 15px;
    border: none;
    border-radius: 3px;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color .3s ease-in-out
}

.modal .modal-container .modal-footer .btn--secondary:hover {
    background-color: rgba(71, 71, 71, .3)
}

.modal .modal-container .modal-footer .btn--secondary:disabled {
    color: rgba(35, 31, 32, .5);
    background-color: rgba(71, 71, 71, .1);
    cursor: not-allowed
}

.modal .modal-container .modal-footer .btn--secondary.arrow {
    margin-right: 10px;
    background: #ececec
}

.modal .modal-container .modal-footer .btn--secondary.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #ececec;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.modal .modal-container .modal-footer .btn--secondary.arrow:hover {
    background: #c8c8c8
}

.modal .modal-container .modal-footer .btn--secondary.arrow:hover::before {
    border-left-color: #c8c8c8
}

.modal .modal-container .modal-footer .btn--secondary.arrow:disabled::before {
    border-left-color: #e9e8e8
}

@media (max-width: 575.98px) {
    .modal .modal-container .modal-footer {
        justify-content: flex-start;
        align-items: stretch;
        flex-direction: column
    }

    .modal .modal-container .modal-footer .btn {
        margin-bottom: 5px
    }

    .modal .modal-container .modal-footer .btn:last-of-type {
        margin-bottom: 0
    }
}

.ish--modal .ish--modal-container .ish--modal-footer {
    display: flex;
    flex-direction: row-reverse;
    margin-top: auto
}

.ish--modal .ish--modal-container .ish--modal-footer .ish--btn--primary {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    margin-right: 10px;
    padding: 10px 15px;
    height: 40px;
    transition: color .1s ease-in-out, border .3s ease-in-out, background-color .3s ease-in-out;
    display: flex;
    align-items: center
}

.ish--modal .ish--modal-container .ish--modal-footer .ish--btn--primary:hover {
    background: #87CEEB
}

.ish--modal .ish--modal-container .ish--modal-footer .ish--btn--primary:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

.ish--modal .ish--modal-container .ish--modal-footer .ish--btn--primary .light-text {
    text-transform: capitalize;
    font-weight: 300
}

.ish--modal .ish--modal-container .ish--modal-footer .ish--btn--primary.arrow {
    margin-right: 10px
}

.ish--modal .ish--modal-container .ish--modal-footer .ish--btn--primary.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.ish--modal .ish--modal-container .ish--modal-footer .ish--btn--primary.arrow:hover::before {
    border-left-color: #87CEEB
}

.ish--modal .ish--modal-container .ish--modal-footer .ish--btn--primary.arrow:disabled::before {
    border-left-color: #0938de
}

.ish--modal .ish--modal-container .ish--modal-footer .ish--btn--primary::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.ish--modal .ish--modal-container .ish--modal-footer .ish--btn--primary:hover::before {
    border-left-color: #87CEEB
}

.ish--modal .ish--modal-container .ish--modal-footer .ish--btn--primary:disabled::before {
    border-left-color: #0938de
}

.ish--modal .ish--modal-container .ish--modal-footer .ish--btn--primary::before {
    display: block
}

.ish--modal .ish--modal-container .ish--modal-footer .ish--btn--primary .ish--inline-loading__text {
    text-transform: none
}

.ish--modal .ish--modal-container .ish--modal-footer .ish--btn--secondary {
    margin-left: auto
}

@media (max-width: 575.98px) {
    .ish--modal .ish--modal-container .ish--modal-footer {
        justify-content: flex-start;
        align-items: stretch;
        flex-direction: column-reverse
    }

    .ish--modal .ish--modal-container .ish--modal-footer .ish--btn--secondary {
        margin-left: 0
    }

    .ish--modal .ish--modal-container .ish--modal-footer .ish--btn--primary {
        margin-bottom: 10px;
        display: flex;
        justify-content: center
    }
}

.ish--modal .ish--dropdown, .ish--modal .ish--dropdown-list, .ish--modal .ish--number input[type=number], .ish--modal .ish--search-input, .ish--modal .ish--select-input, .ish--modal .ish--text-area, .ish--modal .ish--text-input {
    background-color: rgba(35, 31, 32, .05)
}

@media (min-width: 576px) {
    .ish--modal .ish--modal-container .ish--modal-header, .modal .modal-container .modal-header {
        padding-left: 30px;
        padding-right: 30px
    }

    .ish--modal .ish--modal-container .ish--modal-header::after, .modal .modal-container .modal-header::after {
        content: "";
        display: block;
        padding-top: 15px;
        border-bottom: 1px solid rgba(204, 204, 204, .5)
    }

    .ish--modal .ish--modal-container .ish--modal-content, .modal .modal-container .modal-content {
        padding-left: 30px;
        padding-right: 30px
    }

    .ish--modal .ish--modal-container .ish--modal-footer, .modal .modal-container .modal-footer {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 40px
    }
}

@media (min-width: 768px) {
    .ish--modal .ish--modal-container, .modal .modal-container {
        width: 60%;
        max-width: 768px;
        max-height: 90%;
        height: auto
    }
}

@media (min-width: 992px) {
    .ish--modal .ish--modal-container {
        max-height: 80%
    }
}

.modal.modal-account, .modal.modal-base {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.modal.modal-account .modal-account-container, .modal.modal-account .modal-container, .modal.modal-base .modal-account-container, .modal.modal-base .modal-container {
    margin-top: 130px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 430px;
    height: auto;
    max-height: 90%
}

.modal.modal-account .modal-account-container .modal-header::after, .modal.modal-account .modal-container .modal-header::after, .modal.modal-base .modal-account-container .modal-header::after, .modal.modal-base .modal-container .modal-header::after {
    display: none;
    content: none
}

.modal.modal-account .modal-account-container .modal-header .modal-close, .modal.modal-account .modal-container .modal-header .modal-close, .modal.modal-base .modal-account-container .modal-header .modal-close, .modal.modal-base .modal-container .modal-header .modal-close {
    top: 24px;
    right: 24px;
    z-index: 1
}

.modal.modal-account .modal-account-container .modal-content, .modal.modal-account .modal-account-container .modal-footer, .modal.modal-account .modal-account-container .modal-header, .modal.modal-account .modal-container .modal-content, .modal.modal-account .modal-container .modal-footer, .modal.modal-account .modal-container .modal-header, .modal.modal-base .modal-account-container .modal-content, .modal.modal-base .modal-account-container .modal-footer, .modal.modal-base .modal-account-container .modal-header, .modal.modal-base .modal-container .modal-content, .modal.modal-base .modal-container .modal-footer, .modal.modal-base .modal-container .modal-header {
    padding: 0;
    margin: 0
}

@media screen and (min-width: 576px) {
    .modal.modal-account .modal-container, .modal.modal-base .modal-container {
        width: 430px
    }
}

.ish--modal.ticket-open-modal .ish--modal-content {
    position: relative
}

.ish--modal.ticket-open-modal .ish--modal-content.loading {
    overflow: hidden
}

.ish--modal.ticket-open-modal .inputs-container {
    margin-bottom: 40px
}

.ish--modal.ticket-open-modal .ish--row, .ish--modal.ticket-open-modal .row {
    margin: 0 -10px
}

.ish--modal.ticket-open-modal .ish--row .col, .ish--modal.ticket-open-modal .ish--row .ish--col, .ish--modal.ticket-open-modal .ish--row [class^=col-], .ish--modal.ticket-open-modal .row .col, .ish--modal.ticket-open-modal .row .ish--col, .ish--modal.ticket-open-modal .row [class^=col-] {
    padding: 0 10px
}

.ish--modal.ticket-open-modal .ish--row .col .ish--form-item, .ish--modal.ticket-open-modal .ish--row .ish--col .ish--form-item, .ish--modal.ticket-open-modal .ish--row [class^=col-] .ish--form-item, .ish--modal.ticket-open-modal .row .col .ish--form-item, .ish--modal.ticket-open-modal .row .ish--col .ish--form-item, .ish--modal.ticket-open-modal .row [class^=col-] .ish--form-item {
    margin-bottom: 40px
}

.ish--modal.ticket-open-modal .preloader {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.ish--modal.ticket-open-modal .preloader.animation {
    transition: opacity .3s ease-in-out
}

.ish--modal.ticket-open-modal .preloader.show {
    opacity: 1
}

.ish--modal.ticket-open-modal .preloader.hide {
    opacity: 0
}

.ish--modal.ticket-open-modal .row-container {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column
}

.ish--modal.ticket-open-modal .row-container .form-item-container {
    display: flex;
    margin-bottom: 45px
}

@media (min-width: 992px) {
    .ish--modal.ticket-open-modal .row-container {
        justify-content: space-between;
        align-items: stretch;
        flex-direction: row;
        margin: 0 -10px
    }

    .ish--modal.ticket-open-modal .row-container .form-item-container {
        flex-basis: 50%;
        max-width: 50%;
        padding: 10px
    }

    .ish--modal.ticket-open-modal .row-container .form-item-container:last-child {
        margin-right: 0
    }
}

.ish--modal.ticket-open-modal .ish--btn--primary[for=ticket-attachments] {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    background: rgba(71, 71, 71, .1);
    position: relative;
    padding: 10px 15px;
    border: none;
    border-radius: 3px;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color .3s ease-in-out;
    text-transform: none
}

.ish--modal.ticket-open-modal .ish--btn--primary[for=ticket-attachments]:hover {
    background-color: rgba(71, 71, 71, .3)
}

.ish--modal.ticket-open-modal .ish--btn--primary[for=ticket-attachments]:disabled {
    color: rgba(35, 31, 32, .5);
    background-color: rgba(71, 71, 71, .1);
    cursor: not-allowed
}

.ish--modal.ticket-open-modal .ish--btn--primary[for=ticket-attachments].arrow {
    margin-right: 10px;
    background: #ececec
}

.ish--modal.ticket-open-modal .ish--btn--primary[for=ticket-attachments].arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #ececec;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.ish--modal.ticket-open-modal .ish--btn--primary[for=ticket-attachments].arrow:hover {
    background: #c8c8c8
}

.ish--modal.ticket-open-modal .ish--btn--primary[for=ticket-attachments].arrow:hover::before {
    border-left-color: #c8c8c8
}

.ish--modal.ticket-open-modal .ish--btn--primary[for=ticket-attachments].arrow:disabled::before {
    border-left-color: #e9e8e8
}

.modal.modal-static .modal-container .modal-content h3 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.4285714286rem;
    line-height: 1.7142857143rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    margin-bottom: 30px
}

@media (max-width: 767.98px) {
    .modal.modal-static .modal-container .modal-content h3 {
        font-size: 1.2857142857rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .modal.modal-static .modal-container .modal-content h3 {
        font-size: 1.1428571429rem;
        line-height: 1.4285714286rem
    }
}

.modal.modal-static .modal-container .modal-content h4 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.2857142857rem;
    line-height: 1.22;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    font-style: normal;
    margin-bottom: 30px
}

.modal.modal-static .modal-container .modal-content h5 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.2857142857rem;
    line-height: 1.22;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    font-style: normal;
    margin-bottom: 30px
}

.modal.modal-static .modal-container .modal-content a {
    color: #369;
    transition: color .3s
}

.modal.modal-static .modal-container .modal-content a:hover {
    color: #1f5080
}

.modal.modal-static .modal-container .modal-content p {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    margin-bottom: 20px
}

.modal.modal-static .modal-container .modal-content b {
    font-weight: 600
}

.modal.modal-static .modal-container .modal-content ol {
    padding: 0;
    margin-bottom: 20px
}

.modal.modal-static .modal-container .modal-content ol li {
    padding-left: 30px;
    margin-bottom: 10px;
    text-indent: 0;
    list-style-type: none;
    counter-increment: counter-item;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747
}

.modal.modal-static .modal-container .modal-content ol li::before {
    padding-right: 15px;
    margin-left: -30px;
    display: inline-block;
    width: 1em;
    font-weight: 700;
    text-align: right;
    content: counter(counter-item) "."
}

.modal.modal-static .modal-container .modal-content ul {
    list-style: none;
    margin: 15px 0 20px
}

.modal.modal-static .modal-container .modal-content ul li {
    margin-bottom: 10px;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    padding: 0 0 0 30px
}

.modal.modal-static .modal-container .modal-content dl {
    margin-bottom: 20px
}

.modal.modal-static .modal-container .modal-content dl dt {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20
}

.modal.modal-static .modal-container .modal-content dl dd {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    margin-left: 30px;
    margin-bottom: 5px
}

@media screen and (max-width: 991.98px) {
    .modal.modal-static .modal-container .modal-content dl dd {
        margin-left: 20px
    }
}

.speedtest-result-modal .modal-container {
    max-width: 48.7142857143rem
}

.speedtest-result-modal .modal-container .modal-header {
    margin-bottom: 0;
    padding-bottom: 20px
}

.speedtest-result-modal .modal-container .modal-header:after {
    content: none
}

.speedtest-result-modal .modal-container .modal-header h4 {
    font-weight: 600
}

.speedtest-result-modal .modal-container .modal-content {
    padding: 0;
    margin-bottom: 0
}

.speedtest-result-modal .modal-container .modal-content .image {
    width: 100%;
    min-height: 250px;
    padding: 20px 30px;
    background-color: #8b7b7f;
    display: flex;
    justify-content: center
}

.speedtest-result-modal .modal-container .modal-content .image.animation {
    transition: opacity .3s ease-in-out
}

.speedtest-result-modal .modal-container .modal-content .image.show {
    opacity: 1
}

.speedtest-result-modal .modal-container .modal-content .image.hide {
    opacity: 0
}

.speedtest-result-modal .modal-container .modal-content .image img {
    width: 100%;
    border: 1px solid rgba(35, 31, 32, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    border-radius: 6px
}

.speedtest-result-modal .modal-container .modal-content .image .img-preload {
    width: 100%;
    border: 1px solid rgba(35, 31, 32, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    border-radius: 6px;
    background-color: #fff
}

@media screen and (max-width: 767.98px) {
    .speedtest-result-modal .modal-container .modal-content .image {
        padding: 20px
    }
}

@media screen and (max-width: 575.98px) {
    .speedtest-result-modal .modal-container .modal-content .image {
        min-height: 200px
    }
}

.speedtest-result-modal .modal-container .modal-content .share-buttons {
    padding: 20px 30px;
    display: flex;
    flex-direction: column
}

.speedtest-result-modal .modal-container .modal-content .share-buttons .text {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f;
    margin-bottom: 10px
}

.speedtest-result-modal .modal-container .modal-content .share-buttons .btns-list {
    display: flex
}

@media screen and (max-width: 767.98px) {
    .speedtest-result-modal .modal-container .modal-content .share-buttons .btns-list {
        flex-direction: column
    }

    .speedtest-result-modal .modal-container .modal-content .share-buttons .btns-list a.ish--btn.ish--btn--secondary {
        margin-right: 0;
        margin-bottom: 1px
    }

    .speedtest-result-modal .modal-container .modal-content .share-buttons .btns-list a.ish--btn.ish--btn--secondary:first-child {
        margin-right: 0;
        border-radius: 3px 3px 0 0
    }

    .speedtest-result-modal .modal-container .modal-content .share-buttons .btns-list a.ish--btn.ish--btn--secondary:last-child {
        margin-right: 0;
        margin-bottom: 0;
        border-radius: 0 0 3px 3px
    }
}

.speedtest-result-modal .modal-container .modal-content .share-buttons a.ish--btn.ish--btn--secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1px;
    border-radius: 0;
    flex: 1;
    color: #231f20;
    transition: background-color .3s ease-in-out
}

.speedtest-result-modal .modal-container .modal-content .share-buttons a.ish--btn.ish--btn--secondary svg {
    margin-right: 10px
}

.speedtest-result-modal .modal-container .modal-content .share-buttons a.ish--btn.ish--btn--secondary:first-child {
    border-radius: 3px 0 0 3px
}

.speedtest-result-modal .modal-container .modal-content .share-buttons a.ish--btn.ish--btn--secondary:last-child {
    margin-right: 0;
    border-radius: 0 3px 3px 0
}

@media screen and (max-width: 767.98px) {
    .speedtest-result-modal .modal-container .modal-content .share-buttons {
        padding: 20px
    }
}

.speedtest-result-modal .modal-container .modal-content .other {
    border-top: 1px solid #f7f7f7;
    padding: 20px 30px 30px
}

.speedtest-result-modal .modal-container .modal-content .other .item {
    display: flex;
    padding: 20px;
    align-items: center;
    background-color: rgba(35, 31, 32, .03);
    margin-bottom: 5px
}

.speedtest-result-modal .modal-container .modal-content .other .item .title {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #231f20;
    margin-right: 10px;
    white-space: nowrap
}

.speedtest-result-modal .modal-container .modal-content .other .item .data {
    font-family: "Source Code Pro", monospace;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747;
    margin-right: 10px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.speedtest-result-modal .modal-container .modal-content .other .item:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 767.98px) {
    .speedtest-result-modal .modal-container .modal-content .other {
        padding: 20px
    }
}

.speedtest-result-modal .modal-container .modal-content .ish--tooltip__trigger {
    margin-left: auto
}

@media screen and (max-width: 767.98px) {
    .speedtest-result-modal .modal-container .modal-content .ish--tooltip__trigger {
        display: flex !important
    }
}

.speedtest-result-modal .modal-container .modal-footer {
    display: none
}

.modal.modal-base .modal-container.share-case-modal {
    width: 100%;
    max-width: 48.7142857143rem
}

.modal.modal-base .modal-container.share-case-modal .modal-header {
    margin-bottom: 0;
    padding: 20px 30px;
    border-bottom: 1px solid #f7f7f7
}

.modal.modal-base .modal-container.share-case-modal .modal-header:after {
    content: none
}

.modal.modal-base .modal-container.share-case-modal .modal-header h4 {
    font-weight: 600
}

.modal.modal-base .modal-container.share-case-modal .modal-content {
    padding: 20px 0 10px;
    margin-bottom: 0
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-form-field {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    margin-bottom: 40px
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-form-field label {
    color: #8b7b7f;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase;
    margin-bottom: 5px
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-form-field label .hs-form-required {
    color: #fc2347
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-form-field .input input[type=email], .modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-form-field .input input[type=text] {
    width: 100%;
    box-shadow: none;
    outline: 0;
    border: none;
    border-bottom: 1px solid #231f20;
    background: rgba(35, 31, 32, .05);
    height: 40px;
    padding: 10px 15px
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-form-field .input textarea {
    width: 100%;
    box-shadow: none;
    outline: 0;
    border: none;
    resize: none;
    border-bottom: 1px solid #231f20;
    background: rgba(35, 31, 32, .05);
    height: 100px;
    padding: 10px 15px
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-form-field .input .hs-input[type=file] {
    border: none;
    font-family: inherit;
    font-size: 14px
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-form-field .input .hs-input[type=file]::file-selector-button {
    background-color: rgba(71, 71, 71, .1);
    padding: 10px 15px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    color: #231f20;
    text-align: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    transition: background-color .2s ease-in-out
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-form-field .input .hs-input[type=file]:hover::file-selector-button {
    background-color: rgba(71, 71, 71, .2)
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-form-field .input .hs-input[type=file]:active::file-selector-button {
    background-color: rgba(71, 71, 71, .1)
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-form-field .input .hs-input[type=file]::-webkit-file-upload-button {
    background-color: rgba(71, 71, 71, .1);
    padding: 10px 15px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    color: #231f20;
    text-align: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    transition: background-color .2s ease-in-out
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-form-field .input .hs-input[type=file]:hover::-webkit-file-upload-button {
    background-color: rgba(71, 71, 71, .2)
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-form-field .input .hs-input[type=file]:active::-webkit-file-upload-button {
    background-color: rgba(71, 71, 71, .1)
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-form-field.hs-fieldtype-file {
    margin-bottom: 20px
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs_submit {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 20px 30px;
    border-top: 1px solid #f7f7f7
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs_submit .actions {
    display: inline-flex;
    position: relative
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs_submit .actions input.hs-button.primary.large {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs_submit .actions input.hs-button.primary.large:hover {
    background: #87CEEB
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs_submit .actions input.hs-button.primary.large:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs_submit .actions input.hs-button.primary.large .light-text {
    text-transform: capitalize;
    font-weight: 300
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs_submit .actions input.hs-button.primary.large.arrow {
    margin-right: 10px
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs_submit .actions input.hs-button.primary.large.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs_submit .actions input.hs-button.primary.large.arrow:hover::before {
    border-left-color: #87CEEB
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs_submit .actions input.hs-button.primary.large.arrow:disabled::before {
    border-left-color: #0938de
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs_submit .actions::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs_submit .actions:hover::before {
    border-left-color: #87CEEB
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs_submit .actions:disabled::before {
    border-left-color: #0938de
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-error-msgs {
    transform: translateY(100%);
    list-style: none;
    position: absolute;
    bottom: 0
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs-error-msgs .hs-error-msg {
    font-size: .9285714286rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: #fc2347;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4285714286rem;
    text-transform: none
}

.modal.modal-base .modal-container.share-case-modal .modal-content .hbspt-form-container .hs_error_rollup {
    display: none
}

.modal.modal-base .modal-container .modal-footer {
    display: none
}

.ish--modal .ish--modal-container.lang-switch-modal {
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    max-width: unset;
    max-height: unset
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-header {
    display: flex;
    justify-content: center;
    padding: 50px 20px 20px;
    margin-bottom: 0
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-header__heading {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.7142857143rem;
    line-height: 1.7142857143rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20
}

@media (max-width: 767.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-header__heading {
        font-size: 1.5714285714rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-header__heading {
        font-size: 1.4285714286rem;
        line-height: 1.4285714286rem
    }
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container {
    width: 100%;
    padding-top: 20px;
    max-width: 992px
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container {
    width: 100%;
    display: flex;
    flex-direction: column
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
    margin-bottom: 20px;
    background-color: #e0e0e0;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 20px;
    background-color: #fff;
    width: calc((100% - 2px) / 3);
    transition: background-color .15s ease-in-out;
    position: relative
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item span {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item i {
    margin-right: 10px;
    width: 25px;
    min-width: 25px;
    height: 19px;
    min-height: 19px;
    border: none;
    outline: 1px solid rgba(71, 71, 71, .1)
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item i.fi-cis, .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item i.fi-global {
    border: none;
    outline: 0
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item:hover {
    background-color: #f4f4f4
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item.active {
    pointer-events: none;
    border-color: #231f20
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item.active .active-icon {
    height: 16px;
    min-height: 16px;
    width: 16px;
    min-width: 16px;
    margin-left: auto
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item.empty {
    pointer-events: none;
    padding: 0
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item.empty:last-child:nth-child(2n) {
    display: none
}

@media screen and (max-width: 991.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item.empty:last-child:nth-child(2n) {
        display: flex
    }

    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item.empty:last-child:nth-child(3n) {
        display: none
    }
}

@media screen and (max-width: 575.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item.empty:last-child:nth-child(2n) {
        display: none
    }

    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item.empty:last-child {
        display: none
    }
}

@media screen and (max-width: 991.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item {
        width: calc((100% - 1px) / 2)
    }
}

@media screen and (max-width: 575.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list-item {
        width: 100%
    }
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list.short {
    width: calc((100% - 2px) / 3)
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list.short .language-list-item {
    width: 100%
}

@media screen and (max-width: 991.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list.short {
        width: calc((100% - 1px) / 2)
    }
}

@media screen and (max-width: 575.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list.short {
        width: 100%
    }
}

@media screen and (max-width: 991.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .language-list {
        display: none
    }
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.4285714286rem;
    line-height: 1.7142857143rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    display: flex;
    padding: 20px 0;
    align-items: center;
    justify-content: space-between;
    cursor: default
}

@media (max-width: 767.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .title {
        font-size: 1.2857142857rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .title {
        font-size: 1.1428571429rem;
        line-height: 1.4285714286rem
    }
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .title svg.chevron {
    display: none
}

@media screen and (max-width: 991.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .title svg.chevron {
        display: block
    }
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .title[aria-expanded=true] svg.chevron {
    transform: rotate(180deg)
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .title[aria-expanded=true] ~ .language-list {
    display: flex
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .title[aria-expanded=false] {
    border-bottom: none
}

@media screen and (max-width: 991.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .title[aria-expanded=false] {
        border-bottom: 1px solid rgba(71, 71, 71, .1)
    }
}

@media screen and (max-width: 991.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container .title {
        cursor: pointer
    }
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container.global .language-list-item {
    width: calc((100% - 1px) / 2)
}

@media screen and (max-width: 575.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container.global .language-list-item {
        width: 100%
    }
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container.global .language-list-item.empty {
    pointer-events: none;
    padding: 0
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container.global .language-list-item.empty:last-child:nth-child(3n) {
    display: none
}

@media screen and (max-width: 991.98px) {
    .ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container.global .language-list {
        display: flex
    }
}

.ish--modal .ish--modal-container.lang-switch-modal .ish--modal-content .langs-container .region-container:last-child .title[aria-expanded=false] {
    border-bottom: none
}

body div#hs-eu-cookie-confirmation {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: unset;
    padding: 30px 0;
    box-shadow: 0 0 10rem rgba(0, 0, 0, .25);
    border: none;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1rem !important;
    line-height: 1.47 !important;
    font-weight: 400
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 40px !important;
    margin: 0 auto;
    max-width: 100%
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
    font-size: 1rem !important;
    line-height: 1.47 !important;
    margin: 0 !important
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a {
    display: inline-block;
    color: #369;
    font-size: 1.1428571429rem;
    line-height: normal;
    font-weight: 600;
    transition: all .3s ease-in-out;
    font-size: 1.1428571429rem !important;
    line-height: normal !important
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover {
    color: #1f5080
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover {
    color: #1f5080;
    text-decoration: none !important
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording {
    margin-top: 0;
    margin-bottom: 20px
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
    margin: 0
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    padding: 10px 15px !important;
    font-size: 1.1428571429rem !important;
    font-weight: 600 !important;
    margin: 0 !important
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:hover {
    background: #87CEEB
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button .light-text {
    text-transform: capitalize;
    font-weight: 300
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button.arrow {
    margin-right: 10px
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button.arrow:hover::before {
    border-left-color: #87CEEB
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button.arrow:disabled::before {
    border-left-color: #0938de
}

@media screen and (min-width: 576px) {
    body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
        padding: 0 50px !important
    }
}

@media screen and (min-width: 992px) {
    body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
        padding: 0 60px !important;
        max-width: 992px
    }
}

@media screen and (min-width: 1200px) {
    body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
        max-width: 1198px
    }
}

.about-page .company-description-section {
    margin-top: 30px
}

.about-page .company-description-section .info {
    padding: 30px 30px 20px
}

.about-page .company-description-section .info.small {
    padding: 20px
}

.about-page .company-description-section .info h2 {
    margin-bottom: 20px
}

.about-page .company-description-section .info .text-lg {
    max-width: 640px
}

.about-page .company-description-section .medals {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    padding: 30px
}

.about-page .company-description-section .medals img {
    height: 120px;
    width: 120px
}

.about-page .company-description-section .company {
    margin-top: 30px
}

.about-page .company-description-section .company .ish--row, .about-page .company-description-section .company .row {
    margin: -.5px
}

.about-page .company-description-section .company .ish--row [class^=col-], .about-page .company-description-section .company .row [class^=col-] {
    padding: .5px
}

.about-page .company-description-section .company .company-info {
    height: 100%;
    padding: 30px;
    background-color: #fff
}

.about-page .company-description-section .company .company-info h3 {
    margin-bottom: 20px
}

.about-page .company-description-section .infrastructure {
    margin-top: 30px
}

.about-page .company-description-section .infrastructure .ish--row, .about-page .company-description-section .infrastructure .row {
    margin: -.5px
}

.about-page .company-description-section .infrastructure .ish--row [class^=col-], .about-page .company-description-section .infrastructure .row [class^=col-] {
    padding: .5px
}

.about-page .company-description-section .infrastructure .company-info {
    padding-right: 30px
}

@media screen and (max-width: 767.98px) {
    .about-page .company-description-section .infrastructure .company-info {
        padding-right: 0
    }
}

.about-page .company-description-section .infrastructure .image {
    overflow: hidden;
    background-color: rgba(71, 71, 71, .05);
    border-radius: 3px;
    display: flex;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.about-page .company-description-section .infrastructure .image svg {
    border-radius: 3px;
    height: 100%;
    width: 100%
}

@media screen and (max-width: 767.98px) {
    .about-page .company-description-section .infrastructure .image {
        display: none
    }
}

.about-page .company-description-section .infrastructure .info {
    margin: 1px 0;
    background-color: #fff
}

.about-page .company-description-section .infrastructure .info span {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .about-page .company-description-section .infrastructure .info span {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.about-page .company-description-section .infrastructure .info.small {
    padding: 0;
    background-color: transparent
}

.about-page .company-description-section .infrastructure .info.small [class^=col-] {
    padding: .5px
}

.about-page .company-description-section .infrastructure .info.small [class^=col-] .infrastructure-info {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 20px 30px;
    background-color: #fff
}

.about-page .company-description-section .infrastructure .company-info h3 {
    margin-bottom: 20px
}

.about-page .company-description-section .infrastructure-footer {
    padding: 20px 30px 30px;
    display: flex;
    justify-content: start;
    background-color: #fff
}

@media (max-width: 575.98px) {
    .about-page .company-description-section .infrastructure {
        margin-top: 20px
    }

    .about-page .company-description-section .infrastructure .info {
        padding: 20px
    }

    .about-page .company-description-section .infrastructure .info.small [class^=col-] .infrastructure-info {
        padding: 20px
    }

    .about-page .company-description-section .infrastructure .infrastructure-footer {
        padding: 20px
    }
}

.about-page .company-description-section .our-success {
    margin-top: 30px
}

.about-page .company-description-section .our-success .ish--row, .about-page .company-description-section .our-success .row {
    margin: -.5px
}

.about-page .company-description-section .our-success .ish--row [class^=col-], .about-page .company-description-section .our-success .row [class^=col-] {
    padding: .5px
}

.about-page .company-description-section .our-success .head {
    background-color: #fff;
    padding: 30px 30px 20px;
    margin-bottom: 1px
}

.about-page .company-description-section .our-success .head .title {
    margin-bottom: 0
}

.about-page .company-description-section .our-success .data .success-info {
    height: 100%;
    padding: 20px 30px 30px;
    background-color: #fff;
    display: flex;
    flex-direction: column
}

.about-page .company-description-section .our-success .data .success-info i {
    height: 40px;
    width: 40px;
    min-width: 40px;
    background-size: 100% 100%;
    margin-bottom: 20px
}



.about-page .company-description-section .our-success .data .success-info i, .about-page .company-description-section .our-success .data .success-info svg {
    margin-bottom: 20px
}

@media (max-width: 575.98px) {
    .about-page .company-description-section .our-success {
        margin-top: 20px
    }

    .about-page .company-description-section .our-success .head {
        padding: 20px
    }

    .about-page .company-description-section .our-success .data .success-info {
        padding: 20px;
        flex-direction: row;
        align-items: center
    }

    .about-page .company-description-section .our-success .data .success-info i, .about-page .company-description-section .our-success .data .success-info svg {
        margin-bottom: 0;
        margin-right: 20px
    }
}

.about-page .company-description-section .social-networks {
    margin-top: 30px
}

.about-page .company-description-section .social-networks .ish--row, .about-page .company-description-section .social-networks .row {
    margin: -.5px
}

.about-page .company-description-section .social-networks .ish--row [class^=col-], .about-page .company-description-section .social-networks .row [class^=col-] {
    padding: .5px
}

.about-page .company-description-section .social-networks .head {
    background-color: #fff;
    padding: 30px 30px 20px;
    margin-bottom: 1px
}

.about-page .company-description-section .social-networks .head .title {
    margin-bottom: 0
}

.about-page .company-description-section .social-networks .data .network {
    height: 100%;
    width: 100%;
    padding: 20px 30px 30px;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #474747;
    transition: all .15s ease-in-out 0s
}

.about-page .company-description-section .social-networks .data .network svg {
    margin-right: 15px
}

.about-page .company-description-section .social-networks .data .network svg path {
    transition: all .15s ease-in-out 0s
}

.about-page .company-description-section .social-networks .data .network:hover {
    background-color: rgba(255, 255, 255, .9);
    color: #1f5080
}

.about-page .company-description-section .social-networks .data .network:hover svg > path:first-child, .about-page .company-description-section .social-networks .data .network:hover svg > rect:first-child {
    fill: #1f5080
}

@media (max-width: 575.98px) {
    .about-page .company-description-section .social-networks {
        margin-top: 20px
    }

    .about-page .company-description-section .social-networks .head {
        padding: 20px
    }

    .about-page .company-description-section .social-networks .data .network {
        padding: 20px
    }
}

@media (max-width: 575.98px) {
    .about-page .company-description-section {
        margin-top: 20px
    }

    .about-page .company-description-section .info {
        padding: 0
    }

    .about-page .company-description-section .medals {
        padding: 20px
    }

    .about-page .company-description-section .medals img {
        height: auto;
        max-width: 33.3333333333%
    }

    .about-page .company-description-section .company {
        margin-top: 0
    }

    .about-page .company-description-section .company .company-info {
        padding: 20px
    }
}

.about-page .business-section .container, .about-page .business-section .ish--grid {
    position: relative
}

.about-page .business-section .container-decoration {
    display: none
}

@media screen and (min-width: 992px) {
    .about-page .business-section .container-decoration {
        display: block;
        height: 179px;
        width: 186px;
        position: absolute;
        top: 0;
        right: 40px;
        z-index: -1
    }
}

.about-page .business-section ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch
}

.about-page .business-section ul li {
    margin-bottom: 20px
}

.about-page .business-section ul li i {
    display: block;
    height: 40px;
    width: 40px
}

.about-page .offices-section {
    margin-top: 30px
}

.about-page .offices-section .ish--row, .about-page .offices-section .row {
    margin: -.5px
}

.about-page .offices-section .ish--row [class^=col-], .about-page .offices-section .row [class^=col-] {
    padding: .5px
}

.about-page .offices-section .head {
    background-color: #fff;
    padding: 30px 30px 20px;
    margin-bottom: 1px
}

.about-page .offices-section .head .title {
    margin-bottom: 0
}

@media screen and (max-width: 575.98px) {
    .about-page .offices-section .head {
        padding: 20px
    }
}

.about-page .offices-section .office {
    background-color: #fff;
    padding: 20px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

.about-page .offices-section .office .fi {
    outline: 1px solid rgba(71, 71, 71, .1);
    border: none;
    height: 40px;
    width: 54px
}

@media (max-width: 575.98px) {
    .about-page .offices-section .office {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.about-page .offices-section .office .ish--link {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #369;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem
}

@media (max-width: 575.98px) {
    .about-page .offices-section .office .ish--link {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

@media screen and (max-width: 575.98px) {
    .about-page .offices-section .office {
        padding: 20px
    }
}

.about-page .offices-section .email, .about-page .offices-section .phone {
    margin-top: 20px
}

.about-page .offices-section .title {
    color: #231f20;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: "ss14" on;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 5px
}

.about-page .offices-section .organization {
    margin-bottom: 30px
}

.about-page .offices-section .organization-description {
    margin-bottom: 5px
}

.about-page .offices-section .organization-description span {
    white-space: nowrap
}

.about-page .offices-section .organization .copyright {
    margin-top: 30px
}

@media screen and (max-width: 575.98px) {
    .about-page .offices-section .organization .copyright {
        margin-top: 20px
    }
}

.about-page .offices-section .organization-address {
    max-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    font-style: normal
}

@media screen and (max-width: 991.98px) {
    .about-page .offices-section .organization-address {
        max-width: unset
    }
}

.about-page .offices-section .organization span {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747
}

@media screen and (max-width: 575.98px) {
    .about-page .offices-section .organization {
        margin-bottom: 20px
    }
}

.about-page .offices-section .primary-contacts {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    padding-bottom: 20px
}

@media screen and (min-width: 768px) {
    .about-page .offices-section .primary-contacts {
        padding-bottom: 60px
    }
}

@media screen and (max-width: 575.98px) {
    .about-page .offices-section {
        margin-top: 20px
    }
}

.about-page .contacts-section {
    padding-top: 0
}

.about-page .contacts-section .cards .card-item svg {
    min-height: 40px;
    min-width: 40px;
    margin-bottom: 20px
}

.about-page .contacts-section .cards .card-item h4 {
    color: #231f20;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: "ss14" on;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 5px
}

.about-page .contacts-section .cards:not(.icon) .card-item .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .about-page .contacts-section .cards:not(.icon) .card-item .desc {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.about-page .contacts-section .cards:not(.icon) .card-item .ish--btn--tertiary {
    padding: 0 10px
}

@media (max-width: 575.98px) {
    .about-page .contacts-section .cards:not(.icon) {
        margin-right: 0;
        margin-bottom: 20px
    }

    .about-page .contacts-section .cards:not(.icon).wrapper {
        margin-top: 20px
    }
}

.about-page .contacts-section .cards.wrapper {
    padding: 0;
    margin-top: 1px
}

.about-page .contacts-section .cards {
    margin-right: 1px
}

.about-page .contacts-section .cards.vertical > .cards {
    margin-bottom: 1px
}

.about-page .contacts-section button {
    margin-top: auto
}

@media (max-width: 991.98px) {
    .about-page .contacts-section .cards {
        margin-bottom: 1px
    }

    .about-page .contacts-section .cards.vertical > .cards .cards {
        margin-right: 1px
    }
}

@media (max-width: 575.98px) {
    .about-page .contacts-section .cards.vertical > .cards .cards {
        margin-bottom: 1px
    }
}

.about-page .datacenters .speedtest-btn-text {
    display: flex;
    margin-left: 10px
}

@media (min-width: 768px) {
    .about-page .datacenters .speedtest-btn-text {
        display: none
    }
}

.about-page .datacenters .info {
    margin: 20px 0
}

.about-page .datacenters .info .ish--row, .about-page .datacenters .info .row {
    margin: -.5px
}

.about-page .datacenters .info .ish--row [class^=col-], .about-page .datacenters .info .row [class^=col-] {
    padding: .5px
}

.about-page .datacenters .info-item {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 30px;
    height: 100%
}

.about-page .datacenters .info-item .h1 {
    margin-bottom: 5px
}

.about-page .datacenters .info-item .desc {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .8571428571rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f
}

@media (max-width: 575.98px) {
    .about-page .datacenters .info-item .desc {
        font-size: .6428571429rem;
        line-height: .7142857143rem
    }
}

@media (max-width: 575.98px) {
    .about-page .datacenters .info-item {
        padding: 20px
    }

    .about-page .datacenters .info-item .h1 {
        font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
        font-size: 1.7142857143rem;
        line-height: 1.7142857143rem;
        font-weight: 600;
        letter-spacing: 0;
        color: #231f20;
        margin-bottom: 10px
    }
}

@media (max-width: 575.98px) and (max-width: 767.98px) {
    .about-page .datacenters .info-item .h1 {
        font-size: 1.5714285714rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) and (max-width: 575.98px) {
    .about-page .datacenters .info-item .h1 {
        font-size: 1.4285714286rem;
        line-height: 1.4285714286rem
    }
}

.about-page .datacenters .main .ish--row, .about-page .datacenters .main .row {
    margin: -.5px
}

.about-page .datacenters .main .ish--row [class^=col-], .about-page .datacenters .main .row [class^=col-] {
    padding: .5px
}

.about-page .datacenters .main [class^=col-] .main-info {
    padding: 20px 30px
}

@media (max-width: 575.98px) {
    .about-page .datacenters .main [class^=col-] .main-info {
        padding: 20px
    }
}

.about-page .datacenters .main [class^=col-]:first-child .main-info {
    padding-top: 30px
}

@media (max-width: 575.98px) {
    .about-page .datacenters .main [class^=col-]:first-child .main-info {
        padding-top: 20px
    }
}

.about-page .datacenters .main [class^=col-]:last-child .main-info {
    padding-bottom: 30px
}

@media (max-width: 575.98px) {
    .about-page .datacenters .main [class^=col-]:last-child .main-info {
        padding-bottom: 20px
    }
}

.about-page .datacenters .main .main-info {
    background-color: #fff
}

.about-page .datacenters .main .main-info .data {
    display: flex;
    flex-direction: column
}

.about-page .datacenters .main .main-info .h2 {
    margin-bottom: 15px
}

.about-page .datacenters .main .main-info .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .about-page .datacenters .main .main-info .desc {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.about-page .datacenters .main .main-info .ish--row, .about-page .datacenters .main .main-info .row {
    margin: -15px
}

.about-page .datacenters .main .main-info .ish--row [class^=col-], .about-page .datacenters .main .main-info .row [class^=col-] {
    padding: 15px
}

.about-page .datacenters .main .main-info .image {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto;
    height: 100%;
    border-radius: 3px
}



@media (max-width: 991.98px) {
    .about-page .datacenters .main .main-info .image-wrapper {
        display: none
    }
}

@media (max-width: 575.98px) {
    .about-page .datacenters .main .main-info {
        padding: 20px
    }
}

.about-page .datacenters .datacenters {
    margin-top: 30px;
    display: flex;
    flex-direction: column
}

.about-page .datacenters .datacenters .head {
    background-color: #fff;
    padding: 30px 30px 20px;
    margin-bottom: 1px
}

.about-page .datacenters .datacenters .head h2 {
    margin-bottom: 20px
}

.about-page .datacenters .datacenters .head .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    display: block;
    max-width: 47.1428571429rem
}

@media (max-width: 575.98px) {
    .about-page .datacenters .datacenters .head .desc {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .about-page .datacenters .datacenters .head {
        padding: 20px
    }
}

.about-page .datacenters .datacenters .data {
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;
    position: relative;
    background-color: rgba(255, 255, 255, .5)
}

.about-page .datacenters .datacenters .data:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 0
}

.about-page .datacenters .datacenters .data:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: 0
}

.about-page .datacenters .datacenters .data .block {
    background-color: #f7f7f7;
    max-width: 760px;
    position: relative;
    z-index: 1
}

.about-page .datacenters .datacenters .data .block .ish--row, .about-page .datacenters .datacenters .data .block .row {
    margin: -.5px
}

.about-page .datacenters .datacenters .data .block .ish--row [class^=col-], .about-page .datacenters .datacenters .data .block .row [class^=col-] {
    padding: .5px
}

.about-page .datacenters .datacenters .data .block .location-item {
    align-items: center;
    border-radius: 3px;
    display: flex;
    padding: 30px;
    background-color: #fff;
    margin-bottom: 1px;
    flex-wrap: wrap
}

.about-page .datacenters .datacenters .data .block .location-item .head {
    display: flex;
    padding: 0;
    overflow: hidden
}

.about-page .datacenters .datacenters .data .block .location-item .server-title {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px
}

.about-page .datacenters .datacenters .data .block .location-item .server-title .name {
    transition: color .3s ease-in-out;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.5714285714rem;
    color: #231f20
}

.about-page .datacenters .datacenters .data .block .location-item .server-title .provider {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747
}

.about-page .datacenters .datacenters .data .block .location-item .distance {
    color: #474747;
    text-align: right;
    opacity: .5;
    transition: opacity .15s ease-in-out .15s
}

.about-page .datacenters .datacenters .data .block .location-item .distance.nearest {
    color: #048930;
    opacity: 1;
    font-weight: 700
}

@media (max-width: 575.98px) {
    .about-page .datacenters .datacenters .data .block .location-item .distance.nearest {
        opacity: 1 !important
    }
}

@media (max-width: 575.98px) {
    .about-page .datacenters .datacenters .data .block .location-item .distance {
        opacity: .5 !important;
        padding-right: 10px
    }
}

.about-page .datacenters .datacenters .data .block .location-item .controls {
    display: flex;
    margin-left: auto
}

.about-page .datacenters .datacenters .data .block .location-item .controls .ish--tooltip__trigger:not(.ish--btn--icon-only) {
    background: rgba(71, 71, 71, .1);
    padding: 10px 15px;
    height: 40px
}

.about-page .datacenters .datacenters .data .block .location-item .controls .ish--tooltip__trigger:not(.ish--btn--icon-only):hover {
    background: rgba(71, 71, 71, .3)
}

@media (max-width: 767.98px) {
    .about-page .datacenters .datacenters .data .block .location-item .controls .ish--tooltip__trigger:not(.ish--btn--icon-only) {
        display: flex !important
    }
}

.about-page .datacenters .datacenters .data .block .location-item .controls a, .about-page .datacenters .datacenters .data .block .location-item .controls button {
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.about-page .datacenters .datacenters .data .block .location-item .controls a:first-child, .about-page .datacenters .datacenters .data .block .location-item .controls button:first-child {
    margin-left: 0
}

@media (max-width: 767.98px) {
    .about-page .datacenters .datacenters .data .block .location-item .controls {
        margin-top: 20px;
        width: 100%;
        flex-direction: column
    }

    .about-page .datacenters .datacenters .data .block .location-item .controls a, .about-page .datacenters .datacenters .data .block .location-item .controls button {
        margin-left: 0;
        margin-bottom: 10px
    }

    .about-page .datacenters .datacenters .data .block .location-item .controls a:last-child, .about-page .datacenters .datacenters .data .block .location-item .controls button:last-child {
        margin-bottom: 0
    }
}

.about-page .datacenters .datacenters .data .block .location-item .fi {
    height: 30px;
    width: 40px;
    min-height: 30px;
    min-width: 40px;
    margin-top: .5rem
}

.about-page .datacenters .datacenters .data .block .location-item .location-title {
    font-style: normal;
    font-weight: 700;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    color: #231f20;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 575.98px) {
    .about-page .datacenters .datacenters .data .block .location-item .location-title {
        font-size: 1rem;
        line-height: 1.4285714286rem
    }
}

@media (max-width: 575.98px) {
    .about-page .datacenters .datacenters .data .block .location-item {
        padding: 20px;
        height: 100%
    }
}

@media (max-width: 575.98px) {
    .about-page .datacenters .datacenters {
        margin-top: 20px
    }
}

.about-page .other-plans {
    margin-bottom: 60px
}

.about-page .other-plans-heading {
    margin-top: 30px;
    margin-bottom: 1px;
    background-color: #fff;
    padding: 30px 30px 20px
}

@media (max-width: 575.98px) {
    .about-page .other-plans-heading {
        margin-top: 20px;
        padding: 20px
    }
}

.about-page .plans-type.ish--row, .about-page .plans-type.row {
    margin: -.5px
}

.about-page .plans-type.ish--row [class^=col-], .about-page .plans-type.row [class^=col-] {
    padding: .5px
}

.about-page .plans-type.ish--row [class^=col-].animation, .about-page .plans-type.row [class^=col-].animation {
    transition: opacity .3s ease-in-out
}

.about-page .plans-type.ish--row [class^=col-].show, .about-page .plans-type.row [class^=col-].show {
    opacity: 1
}

.about-page .plans-type.ish--row [class^=col-].hide, .about-page .plans-type.row [class^=col-].hide {
    opacity: 0
}

.about-page .plans-type-card {
    background-color: #fff;
    padding: 30px;
    display: flex;
    height: 100%
}

.about-page .plans-type-card .data {
    display: flex;
    flex-direction: column;
    padding-right: 30px
}

.about-page .plans-type-card .data .desc, .about-page .plans-type-card .data .title {
    margin-bottom: 20px
}

.about-page .plans-type-card .data .controls {
    display: flex;
    align-items: center;
    margin-top: auto
}

.about-page .plans-type-card .data .controls .price {
    display: flex;
    flex-direction: column;
    margin-left: 20px
}

.about-page .plans-type-card .data .controls .price .option {
    margin-bottom: 5px
}

.about-page .plans-type-card .image {
    width: 130px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px) {
    .about-page .plans-type .col, .about-page .plans-type .ish--col {
        padding-bottom: 20px
    }

    .about-page .plans-type .plans-type-card {
        padding: 30px
    }
}

@media (max-width: 767.98px) and (max-width: 575.98px) {
    .about-page .plans-type .plans-type-card {
        padding: 20px
    }
}

@media (max-width: 575.98px) {
    .about-page .plans-type .data {
        padding: 0
    }

    .about-page .plans-type .image {
        display: none
    }
}

.support-page .contacts-section {
    padding-top: 30px
}

.support-page .contacts-section .cards.wrapper {
    padding: 0 0 30px;
    margin-top: 0;
    margin-bottom: 30px
}

@media (max-width: 575.98px) {
    .support-page .contacts-section .cards.wrapper {
        padding: 0 0 20px;
        margin-bottom: 20px
    }
}

.support-page .contacts-section .cards.vertical > .cards {
    min-height: unset
}

.support-page .contacts-section .cards .card-item svg {
    min-height: 40px;
    min-width: 40px;
    margin-bottom: 20px
}

.support-page .contacts-section .cards .card-item h4 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #231f20
}

.support-page .contacts-section .cards.wrapper {
    padding: 0
}

@media (max-width: 575.98px) {
    .support-page .contacts-section {
        padding-top: 20px
    }
}

.vulnerability-disclosure-page .grid-with-hai-sidebar {
    display: flex !important
}

.vulnerability-disclosure-page .text-block {
    max-width: 640px
}

.vulnerability-disclosure-page .link {
    color: #369;
    transition: color .3s ease-in-out
}

.vulnerability-disclosure-page .link:hover {
    color: #1f5080
}

.vulnerability-disclosure-page .container p, .vulnerability-disclosure-page .container span, .vulnerability-disclosure-page .container ul.list li, .vulnerability-disclosure-page .ish--grid p, .vulnerability-disclosure-page .ish--grid span, .vulnerability-disclosure-page .ish--grid ul.list li {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif
}

@media (max-width: 575.98px) {
    .vulnerability-disclosure-page .container p, .vulnerability-disclosure-page .container span, .vulnerability-disclosure-page .container ul.list li, .vulnerability-disclosure-page .ish--grid p, .vulnerability-disclosure-page .ish--grid span, .vulnerability-disclosure-page .ish--grid ul.list li {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.vulnerability-disclosure-page .container .vulnerability-head, .vulnerability-disclosure-page .container .vulnerability-policy, .vulnerability-disclosure-page .container .vulnerability-submission, .vulnerability-disclosure-page .ish--grid .vulnerability-head, .vulnerability-disclosure-page .ish--grid .vulnerability-policy, .vulnerability-disclosure-page .ish--grid .vulnerability-submission {
    background-color: #fff
}

.vulnerability-disclosure-page .container .vulnerability-head, .vulnerability-disclosure-page .ish--grid .vulnerability-head {
    margin-top: 30px;
    margin-bottom: 1px;
    padding: 30px 30px 20px
}

@media screen and (max-width: 575.98px) {
    .vulnerability-disclosure-page .container .vulnerability-head, .vulnerability-disclosure-page .ish--grid .vulnerability-head {
        margin-top: 20px;
        padding: 20px
    }
}

.vulnerability-disclosure-page .container .vulnerability-submission, .vulnerability-disclosure-page .ish--grid .vulnerability-submission {
    margin-bottom: 30px
}

.vulnerability-disclosure-page .container .vulnerability-policy, .vulnerability-disclosure-page .ish--grid .vulnerability-policy {
    margin-bottom: 60px;
    padding: 30px
}

.vulnerability-disclosure-page .container .vulnerability-policy h2, .vulnerability-disclosure-page .ish--grid .vulnerability-policy h2 {
    margin-bottom: 20px
}

.vulnerability-disclosure-page .container .vulnerability-policy h3, .vulnerability-disclosure-page .ish--grid .vulnerability-policy h3 {
    color: #474747;
    margin-top: 30px;
    margin-bottom: 20px
}

.vulnerability-disclosure-page .container .vulnerability-policy ul, .vulnerability-disclosure-page .ish--grid .vulnerability-policy ul {
    padding-left: 20px
}

.vulnerability-disclosure-page .container .vulnerability-policy p + ul, .vulnerability-disclosure-page .ish--grid .vulnerability-policy p + ul {
    margin-top: 20px
}

@media screen and (max-width: 767.98px) {
    .vulnerability-disclosure-page .container .vulnerability-policy, .vulnerability-disclosure-page .ish--grid .vulnerability-policy {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 575.98px) {
    .vulnerability-disclosure-page .container .vulnerability-policy, .vulnerability-disclosure-page .ish--grid .vulnerability-policy {
        padding: 20px;
        margin-bottom: 20px
    }
}

.affiliate-page {
    background-color: #fff
}

.affiliate-page .bubble {
    border-radius: 12px;
    background: #f4f4f4
}

.affiliate-page .ish--tabs {
    max-width: 100%
}

.affiliate-page .ish--tabs__nav {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row
}

.affiliate-page .ish--tabs__nav-item {
    display: flex;
    margin-bottom: 0;
    margin-right: 2px
}

.affiliate-page .ish--tabs__nav-item:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.affiliate-page .ish--tabs__nav-item--selected .ish--tabs__nav-link {
    color: #231f20;
    font-weight: 600;
    border-color: #fcc238
}

@media screen and (max-width: 575.98px) {
    .affiliate-page .ish--tabs__nav-item {
        overflow: hidden
    }
}

.affiliate-page .ish--tabs__nav-link {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: normal;
    color: #fff;
    font-size: 1.1428571429rem;
    border: none;
    border-radius: 3px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, .1);
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    cursor: pointer;
    min-height: 40px;
    text-align: center;
    width: auto;
    color: #231f20;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .16px;
    border-radius: 0;
    padding: 10px 15px .7142857143rem;
    border-bottom: 2px solid #e0e0e0;
    transition: border .3s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.affiliate-page .ish--tabs__nav-link:hover {
    background: rgba(255, 255, 255, .3)
}

.affiliate-page .partnership-section {
    margin: 30px 0
}

.affiliate-page .partnership-section .heading {
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    padding: 30px 30px 20px
}

@media screen and (max-width: 575.98px) {
    .affiliate-page .partnership-section .heading {
        padding: 30px 20px 20px
    }
}

.affiliate-page .partnership-section .main-block {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%
}

.affiliate-page .partnership-section .main-block svg {
    margin-bottom: 20px
}

.affiliate-page .partnership-section .main-block .subtitle {
    color: #231f20;
    text-align: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 10px
}

.affiliate-page .partnership-section .main-block .text {
    color: #474747;
    text-align: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .16px;
    margin-bottom: 25px
}

.affiliate-page .partnership-section .main-block .badge {
    width: 100%;
    text-align: center;
    padding: 10px;
    border-radius: 12px;
    background: #defbe6
}

.affiliate-page .partnership-section .main-block .badge span {
    color: #198038;
    text-align: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .16px
}

.affiliate-page .partnership-section .list {
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.affiliate-page .partnership-section .list-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 5px 0;
    margin-bottom: 10px
}

.affiliate-page .partnership-section .list-item-icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    margin-right: 15px
}

.affiliate-page .partnership-section .list-item-data {
    display: flex;
    flex-direction: column
}

.affiliate-page .partnership-section .list-item-data .title {
    color: #231f20;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: .16px;
    margin-bottom: 10px
}

.affiliate-page .partnership-section .list-item-data .text {
    color: #474747;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .16px
}

.affiliate-page .partnership-section .list-item:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 991.98px) {
    .affiliate-page .partnership-section .list-item {
        align-items: start;
        width: 50%;
        padding: 0;
        margin-bottom: 20px
    }

    .affiliate-page .partnership-section .list-item:nth-child(odd) {
        padding-right: 10px
    }

    .affiliate-page .partnership-section .list-item:nth-child(even) {
        padding-left: 10px
    }

    .affiliate-page .partnership-section .list-item:nth-last-child(-n+2) {
        margin-bottom: 0
    }
}

@media screen and (max-width: 767.98px) {
    .affiliate-page .partnership-section .list-item {
        align-items: center;
        width: 100%;
        padding: 0;
        margin-bottom: 20px
    }

    .affiliate-page .partnership-section .list-item:nth-child(odd) {
        padding: 0
    }

    .affiliate-page .partnership-section .list-item:nth-child(even) {
        padding: 0
    }

    .affiliate-page .partnership-section .list-item:nth-last-child(2) {
        margin-bottom: 20px
    }

    .affiliate-page .partnership-section .list-item:nth-last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 991.98px) {
    .affiliate-page .partnership-section .list {
        padding: 0 30px 30px
    }
}

@media screen and (max-width: 575.98px) {
    .affiliate-page .partnership-section .list {
        padding: 0 20px 20px
    }
}

.affiliate-page .how-it-works .ish--row, .affiliate-page .how-it-works .row, .affiliate-page .perks .ish--row, .affiliate-page .perks .row {
    margin: -5px
}

.affiliate-page .how-it-works .ish--row .col, .affiliate-page .how-it-works .ish--row .ish--col, .affiliate-page .how-it-works .ish--row [class^=col-], .affiliate-page .how-it-works .row .col, .affiliate-page .how-it-works .row .ish--col, .affiliate-page .how-it-works .row [class^=col-], .affiliate-page .perks .ish--row .col, .affiliate-page .perks .ish--row .ish--col, .affiliate-page .perks .ish--row [class^=col-], .affiliate-page .perks .row .col, .affiliate-page .perks .row .ish--col, .affiliate-page .perks .row [class^=col-] {
    padding: 5px
}

.affiliate-page .how-it-works .heading, .affiliate-page .perks .heading {
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    padding: 20px;
    margin-bottom: 10px
}

.affiliate-page .how-it-works .hiw-item, .affiliate-page .how-it-works .perks-item, .affiliate-page .perks .hiw-item, .affiliate-page .perks .perks-item {
    display: flex;
    flex-direction: column;
    padding: 20px;
    height: 100%
}

.affiliate-page .how-it-works .hiw-item .title, .affiliate-page .how-it-works .perks-item .title, .affiliate-page .perks .hiw-item .title, .affiliate-page .perks .perks-item .title {
    color: #231f20;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: .16px;
    margin-bottom: 10px
}

.affiliate-page .how-it-works .hiw-item .text, .affiliate-page .how-it-works .perks-item .text, .affiliate-page .perks .hiw-item .text, .affiliate-page .perks .perks-item .text {
    color: #474747;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .16px
}

.affiliate-page .commissions {
    margin-bottom: 30px
}

.affiliate-page .commissions hr {
    margin: 30px 0
}

.affiliate-page .commissions .structure {
    display: flex;
    flex-direction: column;
    align-items: center
}

.affiliate-page .commissions .structure .controls {
    width: 100%;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 575.98px) {
    .affiliate-page .commissions .structure .controls {
        display: block
    }
}

.affiliate-page .commissions .structure .title {
    color: #231f20;
    text-align: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 15px
}

.affiliate-page .commissions .structure .text {
    max-width: 500px;
    color: #474747;
    text-align: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .16px;
    margin-bottom: 20px
}

.affiliate-page .commissions .structure .text b {
    color: #231f20
}

.affiliate-page .commissions .structure .data {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    width: 100%;
    justify-content: center;
    align-items: center
}

.affiliate-page .commissions .structure .data.animation {
    transition: opacity .3s ease-in-out
}

.affiliate-page .commissions .structure .data.show {
    opacity: 1
}

.affiliate-page .commissions .structure .data.hide {
    opacity: 0
}

.affiliate-page .commissions .structure .data .cards {
    max-width: 58.8571428571rem;
    width: 100%;
    margin-bottom: 20px
}

.affiliate-page .commissions .structure .data .cards .ish--row, .affiliate-page .commissions .structure .data .cards .row {
    margin: -5px
}

@media screen and (min-width: 992px) {
    .affiliate-page .commissions .structure .data .cards .ish--row .col-lg-auto, .affiliate-page .commissions .structure .data .cards .row .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 1;
        flex: 1;
        max-width: unset
    }
}

.affiliate-page .commissions .structure .data .cards .ish--row .col, .affiliate-page .commissions .structure .data .cards .ish--row .ish--col, .affiliate-page .commissions .structure .data .cards .ish--row [class^=col-], .affiliate-page .commissions .structure .data .cards .row .col, .affiliate-page .commissions .structure .data .cards .row .ish--col, .affiliate-page .commissions .structure .data .cards .row [class^=col-] {
    padding: 5px
}

.affiliate-page .commissions .structure .data .cards .card-item {
    display: flex;
    flex-direction: column;
    padding: 15px;
    height: 100%
}

.affiliate-page .commissions .structure .data .cards .card-item .title {
    color: #231f20;
    text-align: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: .16px;
    margin-bottom: 10px
}

.affiliate-page .commissions .structure .data .cards .card-item .text {
    color: #474747;
    text-align: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .16px;
    margin-bottom: 0
}

.affiliate-page .commissions .structure .data .badge {
    border-radius: 12px;
    background: #defbe6;
    padding: 10px;
    width: 100%;
    color: #198038;
    text-align: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: .16px
}

.affiliate-page .guidelines {
    margin-top: 30px;
    margin-bottom: 20px
}

.affiliate-page .guidelines .ish--row, .affiliate-page .guidelines .row {
    margin: -5px
}

.affiliate-page .guidelines .ish--row .col, .affiliate-page .guidelines .ish--row .ish--col, .affiliate-page .guidelines .ish--row [class^=col-], .affiliate-page .guidelines .row .col, .affiliate-page .guidelines .row .ish--col, .affiliate-page .guidelines .row [class^=col-] {
    padding: 5px
}

.affiliate-page .guidelines .heading {
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    padding: 20px
}

.affiliate-page .guidelines .guidelines-item {
    display: flex;
    flex-direction: column;
    padding: 20px;
    height: 100%
}

.affiliate-page .guidelines .guidelines-item .title {
    margin-bottom: 20px;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.affiliate-page .guidelines .guidelines-item .list {
    display: flex;
    flex-direction: column
}

.affiliate-page .guidelines .guidelines-item .list-item {
    display: flex;
    justify-content: start;
    align-items: start;
    margin-bottom: 15px
}

.affiliate-page .guidelines .guidelines-item .list-item svg {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    margin-right: 10px
}

.affiliate-page .guidelines .guidelines-item .list-item .text {
    color: #231f20;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: .16px;
    align-self: center
}

.affiliate-page .guidelines .guidelines-item .list-item:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 575.98px) {
    .affiliate-page .guidelines {
        margin-bottom: 0
    }
}

.affiliate-page .join {
    margin-top: 30px;
    margin-bottom: 30px
}

.affiliate-page .join .join-block {
    display: flex;
    flex-direction: column;
    padding: 30px;
    border-radius: 12px;
    background-color: #fcf4d6;
    background-repeat: no-repeat;
    background-position: right
}

.affiliate-page .join .join-block .ish--btn {
    align-self: start
}

@media screen and (max-width: 991.98px) {
    .affiliate-page .join .join-block {
        background-position-x: -70%
    }
}

@media screen and (max-width: 767.98px) {
    .affiliate-page .join .join-block {
        padding: 20px;
        background-position-x: right;
    }
}

@media screen and (max-width: 575.98px) {
    .affiliate-page .join .join-block {
        background-image: none
    }
}

.affiliate-page .join .title {
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: -.3px;
    margin-bottom: 15px
}

.affiliate-page .join .text {
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: .16px;
    margin-bottom: 50px
}

.accounting-flow-section {
    position: relative;
    background-color: #f7f7f7;
    background-position: center;
    background-repeat: no-repeat;
    flex: 1
}

.accounting-flow-section i {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center
}

.accounting-flow-section i svg {
    width: 670px
}

.accounting-flow-section .container, .accounting-flow-section .ish--grid {
    padding-top: 30px;
    padding-bottom: 90px
}

.accounting-flow-section .container > .ish--row, .accounting-flow-section .container > .row, .accounting-flow-section .ish--grid > .ish--row, .accounting-flow-section .ish--grid > .row {
    min-height: 287px
}

@media screen and (min-width: 576px) {
    .accounting-flow-section .container, .accounting-flow-section .ish--grid {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

.accounting-flow {
    width: 100%;
    max-width: 430px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    transition: height .3s ease-in-out;
    background: #fff;
    color: #231f20
}

.accounting-flow .ish--form-requirement .ish--assistive-text {
    transform: translate(-75%, 100%) !important;
    max-width: 200px !important
}

.accounting-flow h4 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.4285714286rem;
    line-height: 1.7142857143rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    margin-bottom: 30px;
    min-height: 30px
}

@media (max-width: 767.98px) {
    .accounting-flow h4 {
        font-size: 1.2857142857rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .accounting-flow h4 {
        font-size: 1.1428571429rem;
        line-height: 1.4285714286rem
    }
}

.accounting-flow .ish--form-item.password .ish--text-input__field-wrapper .ish--text-input {
    padding-right: 40px
}

.accounting-flow .ish--form-item.password .ish--text-input__field-wrapper .ish--text-input--invalid {
    padding-right: 60px
}

.accounting-flow .ish--form-item.password .password-btn {
    background: 0 0;
    box-shadow: none;
    border: none;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding: 0;
    right: 1rem;
    cursor: pointer
}

.accounting-flow .ish--form-item.password .ish--text-input__invalid-icon {
    right: 40px
}

.accounting-flow .ish--btn--primary {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    margin-right: 10px;
    padding: 10px 15px;
    height: 40px;
    transition: color .1s ease-in-out, border .3s ease-in-out, background-color .3s ease-in-out
}

.accounting-flow .ish--btn--primary:hover {
    background: #87CEEB
}

.accounting-flow .ish--btn--primary:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

.accounting-flow .ish--btn--primary .light-text {
    text-transform: capitalize;
    font-weight: 300
}

.accounting-flow .ish--btn--primary.arrow {
    margin-right: 10px
}

.accounting-flow .ish--btn--primary.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.accounting-flow .ish--btn--primary.arrow:hover::before {
    border-left-color: #87CEEB
}

.accounting-flow .ish--btn--primary.arrow:disabled::before {
    border-left-color: #0938de
}

.accounting-flow .ish--btn--primary::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.accounting-flow .ish--btn--primary:hover::before {
    border-left-color: #87CEEB
}

.accounting-flow .ish--btn--primary:disabled::before {
    border-left-color: #0938de
}

.accounting-flow .ish--btn--primary::before {
    display: block
}

.accounting-flow .ish--btn--primary svg {
    display: none
}

.accounting-flow .wrapper {
    padding: 40px
}

.accounting-flow > div {
    position: relative;
    width: 100%;
    top: 0;
    transition: left .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out;
    left: 0
}

.accounting-flow > div.active {
    position: absolute
}

.accounting-flow > div.current {
    transform: translate3d(0, 0, 0)
}

.accounting-flow > div.left {
    transform: translate3d(-100%, 0, 0)
}

.accounting-flow > div.right {
    transform: translate3d(100%, 0, 0)
}

.accounting-flow > div > div > form > div {
    padding: 30px
}

.accounting-flow > div > form > div {
    padding: 30px
}

.accounting-flow .ish--btn--ghost {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    font-size: 1.1428571429rem;
    border: none;
    border-radius: 3px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, .1);
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    cursor: pointer;
    min-height: 40px;
    display: flex;
    align-items: center;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 40px
}

.accounting-flow .ish--btn--ghost:hover {
    background: rgba(255, 255, 255, .3)
}

.accounting-flow .ish--btn--ghost .ish--btn__icon {
    fill: currentColor
}

.accounting-flow p {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    margin-bottom: 20px
}

.accounting-flow p:last-of-type {
    margin-bottom: 30px
}

.accounting-flow .login {
    position: relative
}

.accounting-flow .login > form {
    position: relative;
    width: 100%;
    top: 0;
    transition: left .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out;
    left: 0
}

.accounting-flow .login > form.active {
    position: absolute
}

.accounting-flow .login > form.current {
    transform: translate3d(0, 0, 0)
}

.accounting-flow .login > form.left {
    transform: translate3d(-100%, 0, 0)
}

.accounting-flow .login > form.right {
    transform: translate3d(100%, 0, 0)
}

.accounting-flow .ish--link {
    display: inline-block;
    color: #369;
    font-size: 1.1428571429rem;
    line-height: normal;
    font-weight: 600;
    transition: all .3s ease-in-out
}

.accounting-flow .ish--link:hover {
    color: #1f5080
}

.accounting-flow .back-to-login {
    display: inline-block;
    color: #369;
    font-size: 1.1428571429rem;
    line-height: normal;
    font-weight: 600;
    transition: all .3s ease-in-out;
    cursor: pointer
}

.accounting-flow .back-to-login:hover {
    color: #1f5080
}

.accounting-flow .resend-btn {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    background: rgba(71, 71, 71, .1);
    position: relative;
    padding: 10px 15px;
    border: none;
    border-radius: 3px;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color .3s ease-in-out;
    margin-bottom: 30px
}

.accounting-flow .resend-btn:hover {
    background-color: rgba(71, 71, 71, .3)
}

.accounting-flow .resend-btn:disabled {
    color: rgba(35, 31, 32, .5);
    background-color: rgba(71, 71, 71, .1);
    cursor: not-allowed
}

.accounting-flow .resend-btn.arrow {
    margin-right: 10px;
    background: #ececec
}

.accounting-flow .resend-btn.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #ececec;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.accounting-flow .resend-btn.arrow:hover {
    background: #c8c8c8
}

.accounting-flow .resend-btn.arrow:hover::before {
    border-left-color: #c8c8c8
}

.accounting-flow .resend-btn.arrow:disabled::before {
    border-left-color: #e9e8e8
}

.accounting-flow .ish--checkbox-label .ish--link {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #369
}

.accounting-flow .ish--checkbox-label-text {
    white-space: normal
}

.accounting-flow .password-meter-wrapper {
    min-height: 23px;
    margin-bottom: 20px
}

@media screen and (min-width: 576px) {
    .accounting-flow {
        width: 430px
    }
}

.cart {
    padding: 0 20px;
    background: rgba(255, 255, 255, .5);
    position: relative
}

.cart-item-heading-wrapper {
    padding: 20px 0 10px
}

.cart-item-heading-wrapper .cart-item-label, .cart-item-heading-wrapper .options-block {
    display: none
}

.cart-item-heading-wrapper .date {
    display: flex;
    margin-top: 5px;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    font-size: .8571428571rem;
    line-height: 1.2857142857rem
}

.cart-item-heading-wrapper .cart-item-heading {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.2857142857rem;
    line-height: 1.22;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    font-style: normal;
    display: flex
}

.cart-item-heading-wrapper .cart-item-heading > a {
    flex-grow: 1;
    transition: all .3s ease-in-out
}

.cart-item-heading-wrapper .cart-item-heading > a:hover {
    color: #369
}

.cart-item-heading-wrapper .cart-item-heading .controls::before {
    content: none;
    display: none
}

.cart-item-heading-wrapper .cart-item-heading .controls::after {
    cursor: pointer
}

.cart-item-heading-wrapper .cart-item-heading .controls .ish--overflow-menu__trigger {
    width: 20px;
    height: 20px;
    display: flex
}

.cart-item-heading-wrapper .cart-item-heading .controls .ish--overflow-menu__trigger svg {
    transform: rotate(90deg)
}

.cart-item-summary {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747
}

.cart-item-summary-unit {
    padding: 20px 0
}

.cart-item-summary-unit .category, .cart-item-summary-unit .description {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row
}

.cart-item-summary-unit .description {
    align-items: start
}

.cart-item-summary-unit .description:last-child {
    margin-bottom: 0
}

.cart-item-summary-unit .price {
    padding-left: 10px;
    text-align: right
}

.cart-item-summary-unit .price small {
    min-width: 4rem;
    display: inline-block
}

.cart-item-summary-unit .category .name {
    font-weight: 600
}

.cart-item-summary-unit .category .controls::before {
    content: none;
    display: none
}

.cart-item-summary-unit .category .controls::after {
    cursor: pointer
}

.cart-item-summary-unit .category .controls .ish--overflow-menu__trigger {
    width: 20px;
    height: 20px;
    display: flex
}

.cart-item-summary-unit .category .controls .ish--overflow-menu__trigger svg {
    transform: rotate(90deg)
}

.cart-item-summary-unit-wrapper {
    margin-bottom: 2px
}

.cart-item-summary-unit-wrapper.hide {
    height: 0 !important
}

.cart-item-summary-unit-wrapper.hide > * {
    left: -100%;
    opacity: 0
}

.cart-item-summary-unit-wrapper.show > * {
    left: 0;
    opacity: 1
}

.cart-item-summary-unit-wrapper.animation {
    overflow: hidden;
    transition: height .15s ease-in-out 0s
}

.cart-item-summary-unit-wrapper.animation > * {
    position: relative;
    transition: all .15s ease-in-out .15s
}

.cart-item-summary-unit-wrapper.animation.reverse {
    transition: height .15s ease-in-out .15s
}

.cart-item-summary-unit-wrapper.animation.reverse > * {
    transition: all .15s ease-in-out 0s
}

.cart-item-total {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding: 20px 0;
    font-weight: 600
}

.cart-item-total .info {
    flex-grow: 1
}

.cart-item-total .info .ish--tooltip__trigger {
    margin: 0 4px;
    top: 2px
}

.cart-item-action-wrapper {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap
}

.cart-item-action-wrapper.animation {
    transition: opacity .3s ease-in-out
}

.cart-item-action-wrapper.show {
    opacity: 1
}

.cart-item-action-wrapper.hide {
    opacity: 0
}

.cart-item-action-wrapper .ish--btn--primary {
    margin-bottom: 10px
}

.cart-item-action-wrapper .ish--btn--primary, .cart-item-action-wrapper .ish--btn--secondary {
    flex-grow: 1
}

.cart-item-action-wrapper .ish--btn--primary svg, .cart-item-action-wrapper .ish--btn--secondary svg {
    display: none
}

@media screen and (min-width: 768px) {
    .cart-item-action-wrapper {
        flex-wrap: nowrap
    }

    .cart-item-action-wrapper .ish--btn--primary {
        margin-bottom: 0
    }
}

.cart-item-counter-wrapper {
    padding-top: 0
}

.cart-item-counter-wrapper .cart-item-counter {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: normal;
    color: #fff;
    font-size: 1.1428571429rem;
    border: none;
    border-radius: 3px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, .1);
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    cursor: pointer;
    min-height: 40px;
    text-transform: unset;
    flex-basis: 100%
}

.cart-item-counter-wrapper .cart-item-counter:hover {
    background: rgba(255, 255, 255, .3)
}

.cart-item-counter-wrapper .cart-item-counter.blink::after {
    content: "";
    position: absolute;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #fff 50%, rgba(0, 0, 0, 0) 100%);
    height: 100%;
    width: 40%;
    opacity: .15;
    left: -40%;
    transition: left ease-in-out .3s
}

.cart-item-counter-wrapper .cart-item-counter.active::after {
    left: 100%
}

@media screen and (min-width: 768px) {
    .cart-item-counter-wrapper .cart-item-counter {
        flex-basis: 100%
    }
}

.cart .cart-item-wrapper.hide {
    height: 0 !important
}

.cart .cart-item-wrapper.hide > * {
    left: -100%;
    opacity: 0
}

.cart .cart-item-wrapper.show > * {
    left: 0;
    opacity: 1
}

.cart .cart-item-wrapper.animation {
    overflow: hidden;
    transition: height .15s ease-in-out 0s
}

.cart .cart-item-wrapper.animation > * {
    position: relative;
    transition: all .15s ease-in-out .15s
}

.cart .cart-item-wrapper.animation.reverse {
    transition: height .15s ease-in-out .15s
}

.cart .cart-item-wrapper.animation.reverse > * {
    transition: all .15s ease-in-out 0s
}

.cart-panel {
    position: fixed;
    z-index: 6000;
    background-color: #f7f7f7;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05), 0 0 4px 0 rgba(0, 0, 0, .05);
    padding: 10px;
    width: 100%;
    right: 0;
    top: calc(var(--top-offset, 0px) + 60px);
    bottom: 0;
    will-change: transform;
    transform: translateX(100%);
    transition: transform .3s ease-in-out
}

.cart-panel.opened {
    transform: translateX(0)
}

.cart-panel .cart-checkout-wrapper .cart-checkout-action {
    justify-content: center
}

.cart-panel.hide {
    right: -100%
}

.cart-panel .cart-list-container {
    height: 100%;
    display: block
}

.cart-panel .empty-cart {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 5
}

.cart-panel .empty-cart.animation {
    transition: opacity .3s ease-in-out
}

.cart-panel .empty-cart.show {
    opacity: 1
}

.cart-panel .empty-cart.hide {
    opacity: 0
}

.cart-panel .empty-cart.animation {
    transition-delay: .3s
}

.cart-panel .empty-cart.animation.reverse {
    transition-delay: 0s
}

.cart-panel .empty-cart svg {
    width: 140px;
    height: 125px
}

.cart-panel .empty-cart svg circle {
    fill: #c6c6c6
}

.cart-panel .empty-cart svg polyline {
    stroke: #c6c6c6
}

.cart-panel .empty-cart span {
    margin-top: 25px;
    font-size: .9285714286rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: #9b9b9b;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4285714286rem
}

.cart-panel .cart {
    height: calc(100% - 120px - 10px);
    margin-bottom: auto;
    background-color: transparent;
    padding: 0;
    overflow: auto
}

.cart-panel .cart-item {
    padding: 20px
}

.cart-panel .cart-item-heading-wrapper {
    border-bottom: 1px solid rgba(71, 71, 71, .1);
    padding: 20px 0 20px;
    margin-bottom: 10px
}

.cart-panel .cart-item-heading-wrapper .cart-item-label, .cart-panel .cart-item-heading-wrapper .options-block {
    display: flex
}

.cart-panel .cart-item-heading-wrapper .options-block {
    margin-top: 5px;
    display: flex;
    align-items: center
}

.cart-panel .cart-item-heading-wrapper .options-block .tags {
    margin-right: 10px
}

.cart-panel .cart-item-heading-wrapper .options-block .tags .ish--tag {
    margin: 0
}

.cart-panel .cart-item-heading-wrapper .options-block .cart-item-label {
    text-transform: uppercase;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    font-weight: 600;
    color: #8b7b7f
}

.cart-panel .cart-item .cart-item-heading-wrapper {
    padding-top: 0
}

.cart-panel .cart-item .cart-item-heading-wrapper .ish--overflow-menu[aria-expanded=true] .ish--overflow-menu__trigger {
    box-shadow: none
}

.cart-panel .cart-item .cart-item-summary-unit {
    padding: 10px 0
}

.cart-panel .cart-item .cart-item-summary-unit .category {
    margin-bottom: 4px
}

.cart-panel .cart-item .cart-item-summary-unit .category .name {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f
}

.cart-panel .cart-item .cart-item-summary-unit .category .info, .cart-panel .cart-item .cart-item-summary-unit .category .price {
    font-size: .8571428571rem;
    line-height: 1.2857142857rem;
    font-weight: 600
}

.cart-panel .cart-item .cart-item-summary-unit .description {
    margin-bottom: 4px;
    font-size: .8571428571rem;
    line-height: 1.2857142857rem
}

.cart-panel .cart-item .cart-item-total {
    padding-bottom: 0
}

.cart-panel .cart-item .cart-item-total .info, .cart-panel .cart-item .cart-item-total .price {
    font-size: .8571428571rem;
    line-height: 1.2857142857rem;
    color: #231f20;
    font-weight: 700
}

.cart-panel .cart-item-action-wrapper {
    display: none
}

.cart-panel .cart-checkout-wrapper {
    position: fixed;
    bottom: 10px;
    z-index: 1000;
    width: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 20px;
    height: 120px
}

.cart-panel .cart-checkout-wrapper.animation {
    transition: opacity .3s ease-in-out
}

.cart-panel .cart-checkout-wrapper.show {
    opacity: 1
}

.cart-panel .cart-checkout-wrapper.hide {
    opacity: 0
}

.cart-panel .cart-checkout-wrapper .cart-checkout-action {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    text-align: center
}

.cart-panel .cart-checkout-wrapper .cart-checkout-action:hover {
    background: #87CEEB
}

.cart-panel .cart-checkout-wrapper .cart-checkout-action:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

.cart-panel .cart-checkout-wrapper .cart-checkout-action .light-text {
    text-transform: capitalize;
    font-weight: 300
}

.cart-panel .cart-checkout-wrapper .cart-checkout-action.arrow {
    margin-right: 10px
}

.cart-panel .cart-checkout-wrapper .cart-checkout-action.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.cart-panel .cart-checkout-wrapper .cart-checkout-action.arrow:hover::before {
    border-left-color: #87CEEB
}

.cart-panel .cart-checkout-wrapper .cart-checkout-action.arrow:disabled::before {
    border-left-color: #0938de
}

.cart-panel .cart-checkout-wrapper .cart-checkout-action svg {
    display: none
}

.cart-panel .cart-checkout-wrapper .cart-checkout-total {
    display: flex;
    padding: 0;
    margin-bottom: 20px;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747
}

.cart-panel .cart-checkout-wrapper .cart-checkout-total .info {
    flex-grow: 1;
    color: #231f20;
    font-weight: 700
}

.cart-panel .cart-checkout-wrapper .cart-checkout-total .price {
    margin-left: 10px;
    color: #231f20;
    font-weight: 700
}

.cart-panel .cart-item-wrapper {
    background-color: #fff;
    margin-bottom: 10px
}

.cart-panel .cart-item-wrapper:last-child {
    margin-bottom: 0
}

.cart-panel .cart-item-total .info .ish--tooltip__trigger.ish--tooltip--right::after, .cart-panel .cart-item-total .info .ish--tooltip__trigger.ish--tooltip--right:focus .ish--assistive-text, .cart-panel .cart-item-total .info .ish--tooltip__trigger.ish--tooltip--right:focus + .ish--assistive-text, .cart-panel .cart-item-total .info .ish--tooltip__trigger.ish--tooltip--right:hover .ish--assistive-text, .cart-panel .cart-item-total .info .ish--tooltip__trigger.ish--tooltip--right:hover + .ish--assistive-text {
    transform: translate(100%, -75%)
}

@media screen and (min-width: 576px) {
    .cart-panel {
        width: 476px
    }

    .cart-panel.hide {
        right: -476px
    }
}

.cart-panel-back {
    background: rgba(35, 31, 32, .8);
    backdrop-filter: blur(10px);
    position: fixed;
    width: 100vw;
    height: calc(100vh - 60px);
    left: 0;
    transition: opacity .3s ease-in-out
}

.cart-panel-back.hide {
    opacity: 0
}

.contacts-section {
    padding-top: 40px;
    padding-bottom: 40px
}

.contacts-section h3 {
    margin-bottom: 30px
}

@media (max-width: 575.98px) {
    .contacts-section h3 {
        margin-bottom: 20px
    }
}

.contacts-section .cards:not(.icon) {
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    margin-right: 30px
}

.contacts-section .cards:not(.icon).base {
    margin-right: 0
}

.contacts-section .cards:not(.icon):last-child {
    margin-right: 0
}

.contacts-section .cards:not(.icon).double {
    flex-grow: 2
}

.contacts-section .cards:not(.icon).vertical {
    flex-direction: column
}

.contacts-section .cards:not(.icon).vertical > .cards {
    margin-bottom: 30px;
    margin-right: 0
}

.contacts-section .cards:not(.icon).vertical > .cards:last-child {
    margin-bottom: 0
}

@media (max-width: 575.98px) {
    .contacts-section .cards:not(.icon).vertical > .cards {
        min-height: unset;
        margin-bottom: 20px
    }

    .contacts-section .cards:not(.icon).vertical > .cards:last-child {
        margin-bottom: 0
    }
}

.contacts-section .cards:not(.icon) .card-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    background-color: #fff;
    padding: 30px
}

.contacts-section .cards:not(.icon) .card-item.about {
    padding-top: 20px
}

.contacts-section .cards:not(.icon) .card-item:hover .arrow-icon {
    background-color: rgba(71, 71, 71, .1)
}

.contacts-section .cards:not(.icon) .card-item.square {
    max-height: unset;
    min-height: 320px
}

.contacts-section .cards:not(.icon) .card-item.square .background {
    top: unset;
    left: 30px;
    bottom: 30px;
    transform: translate(0) scale(.8)
}

.contacts-section .cards:not(.icon) .card-item h4 {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    margin-bottom: 5px;
    z-index: 1
}

.contacts-section .cards:not(.icon) .card-item .btn-block {
    margin-top: auto
}

.contacts-section .cards:not(.icon) .card-item .btn-block .btn {
    margin-top: 20px
}

.contacts-section .cards:not(.icon) .card-item .desc {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    font-size: 1.1428571429rem;
    z-index: 1
}

.contacts-section .cards:not(.icon) .card-item .desc.animation {
    transition: opacity .3s ease-in-out
}

.contacts-section .cards:not(.icon) .card-item .desc.show {
    opacity: 1
}

.contacts-section .cards:not(.icon) .card-item .desc.hide {
    opacity: 0
}

.contacts-section .cards:not(.icon) .card-item .desc.preloader::after {
    content: ".";
    color: transparent;
    width: 192px;
    background: #e0e0e0;
    display: inline-block
}

.contacts-section .cards:not(.icon) .card-item .desc.preloader::after {
    width: 64px
}

.contacts-section .cards:not(.icon) .card-item .desc ~ .ish--btn {
    margin-top: 20px
}

.contacts-section .cards:not(.icon) .card-item .background {
    display: block;
    position: absolute;
    z-index: 0;
    fill: #f4f4f4;
    top: 50%;
    right: 30px;
    transform: translate(0, -50%)
}

.contacts-section .cards:not(.icon) .card-item .arrow-icon {
    fill: #369;
    margin-top: auto;
    box-sizing: content-box;
    padding: 10px;
    will-change: background-color;
    transition: background-color .3s ease-in-out
}

.contacts-section .cards:not(.icon) .card-item .managers {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    width: 100%
}

.contacts-section .cards:not(.icon) .card-item .managers a {
    display: flex !important;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 15px 0;
    margin: 0;
    outline-style: none
}

.contacts-section .cards:not(.icon) .card-item .managers a:before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: calc(100% + 60px);
    border-top: 1px solid #f7f7f7
}

.contacts-section .cards:not(.icon) .card-item .managers a:last-child {
    padding-bottom: 5px
}

.contacts-section .cards:not(.icon) .card-item .managers svg.tg {
    height: 24px;
    min-height: 24px;
    width: 24px;
    min-width: 24px;
    margin-bottom: 0;
    margin-right: 16px
}

.contacts-section .cards:not(.icon) .card-item .managers svg.link {
    height: 16px;
    min-height: 16px;
    width: 16px;
    min-width: 16px;
    margin-left: auto;
    margin-bottom: 0
}

.contacts-section .cards:not(.icon) .card-item a.btn, .contacts-section .cards:not(.icon) .card-item button.btn {
    margin-top: auto
}

.contacts-section .cards:not(.icon) .card-item a.ish--link, .contacts-section .cards:not(.icon) .card-item button.ish--link {
    margin-top: 0;
    display: inline-block;
    color: #369;
    font-size: 1.1428571429rem;
    line-height: normal;
    font-weight: 600;
    transition: all .3s ease-in-out;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem
}

.contacts-section .cards:not(.icon) .card-item a.ish--link:hover, .contacts-section .cards:not(.icon) .card-item button.ish--link:hover {
    color: #1f5080
}

@media (max-width: 575.98px) {
    .contacts-section .cards:not(.icon) .card-item {
        padding: 20px;
        min-height: unset
    }

    .contacts-section .cards:not(.icon) .card-item.square {
        min-height: unset
    }
}

.contacts-section .cards:not(.icon).wrapper {
    width: 100%;
    padding-right: 33.3333333333%;
    margin-top: 30px;
    margin-bottom: 60px
}

.contacts-section .cards:not(.icon).wrapper.full {
    padding: 0
}

@media (max-width: 991.98px) {
    .contacts-section .cards:not(.icon).contacts {
        flex-direction: column;
        width: 100%;
        flex-basis: unset;
        margin-right: 0;
        margin-bottom: 30px
    }

    .contacts-section .cards:not(.icon).contacts .card-item {
        margin-bottom: 30px;
        margin-right: 0
    }
}

@media (max-width: 991.98px) and (max-width: 575.98px) {
    .contacts-section .cards:not(.icon).contacts .card-item {
        margin-bottom: 20px
    }
}

@media (max-width: 991.98px) {
    .contacts-section .cards:not(.icon).wrapper {
        padding-right: 0;
        margin-bottom: 20px
    }

    .contacts-section .cards:not(.icon) .card-item.square .background {
        bottom: 0;
        left: 0
    }
}

@media (max-width: 767.98px) {
    .contacts-section .cards:not(.icon) {
        flex-direction: column;
        width: 100%;
        flex-basis: unset;
        margin-right: 0;
        margin-bottom: 30px
    }

    .contacts-section .cards:not(.icon):last-child {
        margin-bottom: 0
    }

    .contacts-section .cards:not(.icon).vertical {
        flex-direction: column
    }

    .contacts-section .cards:not(.icon).vertical > .cards .cards {
        margin-bottom: 0;
        margin-right: 30px;
        margin-top: 1px
    }

    .contacts-section .cards:not(.icon).vertical > .cards .cards:last-child {
        margin-right: 0
    }
}

@media (max-width: 767.98px) and (max-width: 575.98px) {
    .contacts-section .cards:not(.icon).vertical > .cards .cards {
        margin-right: 20px
    }
}

@media (max-width: 767.98px) {
    .contacts-section .cards:not(.icon).wrapper {
        flex-wrap: wrap
    }
}

@media (max-width: 575.98px) {
    .contacts-section .cards:not(.icon) .card-item.square {
        min-height: 240px
    }
}

@media (max-width: 575.98px) {
    .contacts-section .cards:not(.icon) {
        margin-right: 20px
    }
}

.contacts-section .cards:not(.icon).horizontal {
    flex-direction: row
}

.contacts-section .cards:not(.icon).horizontal .card-item {
    margin-right: 30px;
    margin-bottom: 0
}

.contacts-section .cards:not(.icon).horizontal .card-item:last-child {
    margin-right: 0
}

@media (max-width: 575.98px) {
    .contacts-section .cards:not(.icon).horizontal {
        flex-direction: column
    }

    .contacts-section .cards:not(.icon).horizontal .card-item {
        margin-right: 0;
        margin-bottom: 20px
    }

    .contacts-section .cards:not(.icon).horizontal .card-item:last-child {
        margin-bottom: 0
    }
}

.contacts-section .cards .card-item .background {
    top: 30px;
    transform: translate(0)
}

.contacts-section .cards .card-item.square {
    max-height: unset
}

.contacts-section .cards .card-item.square .desc {
    margin-bottom: 30px
}

.contacts-section .cards .card-item.square .background {
    top: 30px;
    right: 30px;
    left: unset;
    transform: translate(0) scale(1)
}

.contacts-section .cards .card-item .ish--btn--primary {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    margin-right: 10px;
    padding: 10px 15px;
    height: 40px;
    transition: color .1s ease-in-out, border .3s ease-in-out, background-color .3s ease-in-out
}

.contacts-section .cards .card-item .ish--btn--primary:hover {
    background: #87CEEB
}

.contacts-section .cards .card-item .ish--btn--primary:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

.contacts-section .cards .card-item .ish--btn--primary .light-text {
    text-transform: capitalize;
    font-weight: 300
}

.contacts-section .cards .card-item .ish--btn--primary.arrow {
    margin-right: 10px
}

.contacts-section .cards .card-item .ish--btn--primary.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.contacts-section .cards .card-item .ish--btn--primary.arrow:hover::before {
    border-left-color: #87CEEB
}

.contacts-section .cards .card-item .ish--btn--primary.arrow:disabled::before {
    border-left-color: #0938de
}

.contacts-section .cards .card-item .ish--btn--primary::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.contacts-section .cards .card-item .ish--btn--primary:hover::before {
    border-left-color: #87CEEB
}

.contacts-section .cards .card-item .ish--btn--primary:disabled::before {
    border-left-color: #0938de
}

.contacts-section .cards .card-item .ish--btn--primary .ish--btn__icon {
    display: none
}

.contacts-section .cards .card-item .ish--btn--tertiary {
    display: inline-block;
    color: #369;
    font-size: 1.1428571429rem;
    line-height: normal;
    font-weight: 600;
    transition: all .3s ease-in-out;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    padding: 10px;
    margin-left: -10px
}

.contacts-section .cards .card-item .ish--btn--tertiary:hover {
    color: #1f5080
}

@media (max-width: 991.98px) {
    .contacts-section .cards {
        flex-basis: unset;
        width: 100%
    }

    .contacts-section .cards.vertical > .cards .cards {
        margin-bottom: 0;
        margin-right: 30px
    }

    .contacts-section .cards.vertical > .cards .cards:last-child {
        margin-right: 0
    }

    .contacts-section .cards.wrapper {
        flex-wrap: wrap
    }
}

@media (max-width: 575.98px) {
    .contacts-section .cards {
        margin-bottom: 20px
    }

    .contacts-section .cards.vertical > .cards {
        flex-wrap: wrap
    }

    .contacts-section .cards.vertical > .cards .cards {
        margin-bottom: 20px;
        margin-right: 0
    }

    .contacts-section .cards.vertical > .cards .cards:last-child {
        margin-bottom: 0
    }
}

.contacts-api-section {
    margin-bottom: 60px
}

.contacts-api-section .card {
    padding: 30px;
    display: flex;
    align-items: center;
    background-color: #fff
}

.contacts-api-section .card svg {
    min-width: 40px
}

.contacts-api-section .card span {
    font-size: 1.1428571429rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7142857143rem;
    letter-spacing: normal;
    color: #474747;
    margin: 0 20px
}

@media (max-width: 575.98px) {
    .contacts-api-section .card span {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.contacts-api-section .card button {
    margin-left: auto
}

@media (max-width: 767.98px) {
    .contacts-api-section {
        margin-bottom: 40px
    }
}

@media (max-width: 575.98px) {
    .contacts-api-section {
        margin-bottom: 20px
    }

    .contacts-api-section .card {
        padding: 20px;
        flex-direction: column
    }

    .contacts-api-section .card span {
        margin: 15px 0
    }

    .contacts-api-section .card button {
        margin-left: unset
    }
}

.partners-section {
    padding-top: 40px;
    padding-bottom: 40px
}

.partners-section h3 {
    margin: 0 0 30px
}

.partners-section .partners-list {
    list-style: none
}

.partners-section .partners-list .partner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    width: auto;
    height: 110px;
    background-color: #f4f4f4;
    margin-bottom: 20px
}

.partners-section .partners-list .partner i {
    display: inline-block;
    width: 160px;
    height: 60px
}

.partners-section .partners-list .partner i svg {
    width: 160px;
    height: 60px
}

@media (max-width: 575.98px) {
    .partners-section .partners-list .partner {
        min-width: 80px;
        width: auto;
        height: 110px
    }

    .partners-section .partners-list .partner i {
        width: 120px;
        height: 45px
    }

    .partners-section .partners-list .partner i svg {
        width: 120px;
        height: 45px
    }
}

.strengths-section {
    padding: 30px 0
}

.strengths-section .desc {
    max-width: 640px
}

.strengths-section.os {
    padding-top: 30px
}

@media screen and (max-width: 575.98px) {
    .strengths-section.os {
        padding-top: 20px
    }
}

.strengths-section .description {
    max-width: 640px
}

.strengths-section .info .control {
    padding: 30px 30px 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #fff
}

.strengths-section .info .control svg {
    margin-bottom: 20px
}

.strengths-section .info .control h2, .strengths-section .info .control h3 {
    margin-bottom: 20px
}

.strengths-section .info .control p {
    margin-bottom: 20px;
    max-width: 640px
}

.strengths-section .info .control .controls {
    display: flex
}

.strengths-section .info .control .controls a {
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.strengths-section .info .control .controls a:last-child {
    margin-right: 0
}

@media screen and (max-width: 767.98px) {
    .strengths-section .info .control .controls {
        flex-direction: column
    }

    .strengths-section .info .control .controls a {
        margin-right: 0;
        margin-bottom: 5px
    }

    .strengths-section .info .control .controls a:last-child {
        margin-right: 0;
        margin-bottom: 0
    }
}

.strengths-section .info .ish--row, .strengths-section .info .row {
    margin: .5px -.5px
}

.strengths-section .info .ish--row .col, .strengths-section .info .ish--row .ish--col, .strengths-section .info .ish--row [class^=col-], .strengths-section .info .row .col, .strengths-section .info .row .ish--col, .strengths-section .info .row [class^=col-] {
    padding: .5px
}

@media screen and (max-width: 991.98px) {
    .strengths-section .info .ish--row .col.last, .strengths-section .info .ish--row .last.ish--col, .strengths-section .info .ish--row [class^=col-].last, .strengths-section .info .row .col.last, .strengths-section .info .row .last.ish--col, .strengths-section .info .row [class^=col-].last {
        margin-top: -1px
    }
}

.strengths-section .info-item {
    background: #fff;
    padding: 20px 30px 30px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.strengths-section .info-item.empty {
    padding: 0 !important
}

.strengths-section .info-item.location {
    flex-direction: row;
    padding: 20px 30px;
    justify-content: flex-start;
    align-items: center
}

.strengths-section .info-item.location .fi {
    width: 20px;
    min-width: 20px;
    margin-right: 10px
}

.strengths-section .info-item.location .mark {
    font-weight: 400;
    font-size: .8571428571rem;
    line-height: 1.2857142857rem;
    opacity: .5;
    color: #474747;
    margin-left: auto;
    white-space: nowrap
}

.strengths-section .info-item.location .location-title {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 575.98px) {
    .strengths-section .info-item.location {
        padding: 20px
    }
}

.strengths-section .info-item.location {
    flex-direction: row;
    padding: 20px 30px;
    justify-content: flex-start;
    align-items: center
}

.strengths-section .info-item.location .fi {
    width: 20px;
    min-width: 20px;
    margin-right: 10px
}

.strengths-section .info-item.location .mark {
    font-weight: 400;
    font-size: .8571428571rem;
    line-height: 1.2857142857rem;
    opacity: .5;
    color: #474747;
    margin-left: auto;
    white-space: nowrap
}

.strengths-section .info-item.location .location-title {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 575.98px) {
    .strengths-section .info-item.location {
        padding: 20px
    }
}

.strengths-section .advantages-head {
    padding: 30px 30px 20px;
    background: #fff;
    margin-bottom: 1px
}

.strengths-section .advantages-head .desc, .strengths-section .advantages-head h2, .strengths-section .advantages-head h3 {
    max-width: 640px
}

.strengths-section .advantages-head h2, .strengths-section .advantages-head h3, .strengths-section .advantages-head p {
    margin-bottom: 20px
}

.strengths-section .advantages-head p {
    margin-top: 20px;
    max-width: 640px
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages-head {
        padding: 20px
    }
}

.strengths-section .advantages .ish--row, .strengths-section .advantages .row {
    margin: -.5px
}

.strengths-section .advantages .animation.ish--row, .strengths-section .advantages .row.animation {
    transition: opacity .3s ease-in-out
}

.strengths-section .advantages .row.show, .strengths-section .advantages .show.ish--row {
    opacity: 1
}

.strengths-section .advantages .hide.ish--row, .strengths-section .advantages .row.hide {
    opacity: 0
}

.strengths-section .advantages .ish--row .col, .strengths-section .advantages .ish--row .ish--col, .strengths-section .advantages .ish--row [class^=col-], .strengths-section .advantages .row .col, .strengths-section .advantages .row .ish--col, .strengths-section .advantages .row [class^=col-] {
    padding: .5px
}

.strengths-section .advantages .ish--row .big h2, .strengths-section .advantages .ish--row .big h3, .strengths-section .advantages .ish--row .big p, .strengths-section .advantages .row .big h2, .strengths-section .advantages .row .big h3, .strengths-section .advantages .row .big p {
    max-width: 50%
}

@media (max-width: 767.98px) {
    .strengths-section .advantages .ish--row .big h2, .strengths-section .advantages .ish--row .big h3, .strengths-section .advantages .ish--row .big p, .strengths-section .advantages .row .big h2, .strengths-section .advantages .row .big h3, .strengths-section .advantages .row .big p {
        max-width: 100%
    }
}

.strengths-section .advantages.linux .ish--row, .strengths-section .advantages.linux .row {
    margin: 0
}

.strengths-section .advantages.linux .ish--row .col, .strengths-section .advantages.linux .ish--row .ish--col, .strengths-section .advantages.linux .ish--row [class^=col-], .strengths-section .advantages.linux .row .col, .strengths-section .advantages.linux .row .ish--col, .strengths-section .advantages.linux .row [class^=col-] {
    padding: 0
}

.strengths-section .advantages.linux .col, .strengths-section .advantages.linux .ish--col {
    max-width: 420px;
    min-height: 500px
}

.strengths-section .advantages.linux .col.cpu, .strengths-section .advantages.linux .cpu.ish--col {
    min-height: unset
}

.strengths-section .advantages.linux .col.info, .strengths-section .advantages.linux .info.ish--col {
    max-width: unset;
    flex: 1
}

.strengths-section .advantages.linux .col.info .adv, .strengths-section .advantages.linux .info.ish--col .adv {
    padding: 30px 0 30px 30px;
    width: 100%;
    display: flex;
    flex-direction: column
}

.strengths-section .advantages.linux .col.info .adv.cpu, .strengths-section .advantages.linux .info.ish--col .adv.cpu {
    padding: 20px 30px 10px
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages.linux .col.info .adv.cpu, .strengths-section .advantages.linux .info.ish--col .adv.cpu {
        padding: 20px 20px 0
    }
}

.strengths-section .advantages.linux .col.info .adv.os, .strengths-section .advantages.linux .info.ish--col .adv.os {
    padding-top: 20px
}

@media screen and (max-width: 767.98px) {
    .strengths-section .advantages.linux .col.info .adv, .strengths-section .advantages.linux .info.ish--col .adv {
        padding: 30px
    }
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages.linux .col.info .adv, .strengths-section .advantages.linux .info.ish--col .adv {
        padding: 20px
    }
}

.strengths-section .advantages.linux .col .image-container, .strengths-section .advantages.linux .ish--col .image-container {
    padding: 20px 30px 30px;
    height: 100%;
    background-color: #fff
}

.strengths-section .advantages.linux .col .image-container .image, .strengths-section .advantages.linux .ish--col .image-container .image {
    max-width: 420px;
    height: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    border-radius: 3px
}



@media (max-width: 767.98px) {
    .strengths-section .advantages.linux .col.image, .strengths-section .advantages.linux .image.ish--col {
        display: none
    }
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages.linux .controls .ish--tabs__nav {
        flex-direction: row
    }

    .strengths-section .advantages.linux .controls .ish--tabs__nav-item {
        margin-bottom: 0;
        margin-right: 1px
    }

    .strengths-section .advantages.linux .controls .ish--tabs__nav-item button {
        border-radius: 0
    }

    .strengths-section .advantages.linux .controls .ish--tabs__nav-item:first-child button {
        border-radius: 3px 0 0 3px
    }

    .strengths-section .advantages.linux .controls .ish--tabs__nav-item:last-child {
        margin-right: 0
    }

    .strengths-section .advantages.linux .controls .ish--tabs__nav-item:last-child button {
        border-radius: 0 3px 3px 0
    }
}

.strengths-section .advantages.linux .adv.cpu {
    display: flex;
    align-items: flex-start
}

.strengths-section .advantages.linux .adv.cpu .ish--row, .strengths-section .advantages.linux .adv.cpu .row {
    margin: 0 -10px
}

.strengths-section .advantages.linux .adv.cpu .ish--row [class^=col-], .strengths-section .advantages.linux .adv.cpu .row [class^=col-] {
    padding: 0 10px
}

.strengths-section .advantages .data {
    background: #fff;
    padding: 0 30px 10px
}

.strengths-section .advantages .data .ish--row, .strengths-section .advantages .data .row {
    margin: -15px;
    padding-top: 15px;
    padding-bottom: 15px
}

.strengths-section .advantages .data .ish--row .col, .strengths-section .advantages .data .ish--row .ish--col, .strengths-section .advantages .data .ish--row [class^=col-], .strengths-section .advantages .data .row .col, .strengths-section .advantages .data .row .ish--col, .strengths-section .advantages .data .row [class^=col-] {
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages .data {
        padding: 0 20px 10px
    }
}

.strengths-section .advantages .data.unmanaged .ish--row, .strengths-section .advantages .data.unmanaged .row {
    margin: 0 -15px;
    padding: 0
}

.strengths-section .advantages .benefits-list {
    background: rgba(255, 255, 255, .5);
    min-height: 660px
}

.strengths-section .advantages .benefits-list.managed {
    min-height: 700px
}

@media screen and (max-width: 991.98px) {
    .strengths-section .advantages .benefits-list.managed {
        min-height: unset
    }
}

.strengths-section .advantages .benefits-list-item {
    background-color: transparent;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 5px;
    transition: background-color .3s ease-in-out
}

.strengths-section .advantages .benefits-list-item.active {
    background-color: #fff;
    border-left: 2px solid #0938de
}

.strengths-section .advantages .benefits-list-item .title {
    padding: 20px 30px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.strengths-section .advantages .benefits-list-item .title div {
    display: flex;
    align-items: center
}

.strengths-section .advantages .benefits-list-item .title div .benefits-icon {
    margin-right: 15px
}

.strengths-section .advantages .benefits-list-item .title h3 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-size: 1.4285714286rem;
    line-height: 1.7142857143rem;
    font-weight: 600;
    color: #231f20
}

@media (max-width: 767.98px) {
    .strengths-section .advantages .benefits-list-item .title h3 {
        font-size: 1.2857142857rem;
        line-height: 1.4285714286rem
    }
}

@media (max-width: 575.98px) {
    .strengths-section .advantages .benefits-list-item .title h3 {
        font-size: 1.1428571429rem;
        line-height: 1.2857142857rem
    }
}

.strengths-section .advantages .benefits-list-item .title svg.list-icon {
    height: 1.1428571429rem;
    min-height: 1.1428571429rem;
    width: 1.1428571429rem;
    min-width: 1.1428571429rem;
    margin-left: 15px;
    transition: transform .15s ease-in-out
}

@media (max-width: 575.98px) {
    .strengths-section .advantages .benefits-list-item .title {
        padding: 20px 20px 15px
    }
}

.strengths-section .advantages .benefits-list-item .content {
    display: none;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747
}

.strengths-section .advantages .benefits-list-item .content a {
    display: inline-block;
    color: #369;
    font-size: 1.1428571429rem;
    line-height: normal;
    font-weight: 600;
    transition: all .3s ease-in-out;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    font-weight: 400
}

.strengths-section .advantages .benefits-list-item .content a:hover {
    color: #1f5080
}

.strengths-section .advantages .benefits-list .title.active svg.list-icon {
    transform: rotate(180deg)
}

.strengths-section .advantages .benefits-list .title.active + .content {
    display: block;
    padding: 0 30px 15px
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages .benefits-list .title.active + .content {
        padding: 0 20px 15px
    }
}

@media screen and (max-width: 991.98px) {
    .strengths-section .advantages .benefits-list {
        min-height: unset
    }
}

.strengths-section .advantages .benefits-image {
    background-color: rgba(255, 255, 255, .5);
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-image: unset;
    transition: background-image .3s ease-in-out;
    will-change: background-image
}

.strengths-section .advantages .benefits-icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: unset
}


.strengths-section .advantages .adv {
    padding: 20px 30px;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column
}

.strengths-section .advantages .adv .short {
    max-width: 60%
}

@media screen and (max-width: 767.98px) {
    .strengths-section .advantages .adv .short {
        max-width: unset
    }
}

.strengths-section .advantages .adv .head-icon, .strengths-section .advantages .adv svg {
    min-height: 40px
}

.strengths-section .advantages .adv-head {
    display: flex;
    flex-direction: column
}

.strengths-section .advantages .adv.os {
    display: flex;
    align-items: flex-start
}

.strengths-section .advantages .adv.os a:not(.btn) {
    display: flex;
    align-items: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.4285714286rem;
    color: #369;
    transition: color .3s ease-in-out
}

.strengths-section .advantages .adv.os a:not(.btn) svg {
    margin-right: 10px;
    margin-bottom: 0
}

.strengths-section .advantages .adv.os a:not(.btn):hover {
    color: #1f5080
}

@media (max-width: 575.98px) {
    .strengths-section .advantages .adv.os {
        padding: 20px
    }
}

.strengths-section .advantages .adv .head-icon, .strengths-section .advantages .adv svg {
    margin-bottom: 20px
}

.strengths-section .advantages .adv p {
    margin-bottom: 20px;
    max-width: 640px;
    word-break: break-word
}

.strengths-section .advantages .adv .icons {
    display: flex;
    margin-top: 20px
}

.strengths-section .advantages .adv .icons svg {
    margin-right: 15px;
    margin-bottom: 0
}

.strengths-section .advantages .adv .icons svg:last-child {
    margin-right: 0
}

.strengths-section .advantages .adv .icons.options svg {
    margin-right: 5px;
    margin-bottom: 0
}

.strengths-section .advantages .adv .icons.options svg:last-child {
    margin-right: 0
}

.strengths-section .advantages .adv .icons ~ p {
    margin-top: 20px
}

.strengths-section .advantages .adv.last {
    padding: 20px 30px 30px
}

@media (max-width: 575.98px) {
    .strengths-section .advantages .adv.last {
        padding: 20px
    }
}

@media (max-width: 575.98px) {
    .strengths-section .advantages .adv {
        padding: 20px
    }

    .strengths-section .advantages .adv-head {
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px
    }

    .strengths-section .advantages .adv-head h3 {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .strengths-section .advantages .adv-head .head-icon, .strengths-section .advantages .adv-head svg {
        margin-bottom: 0;
        margin-right: 20px;
        width: 40px;
        min-width: 40px;
        height: 40px
    }

    .strengths-section .advantages .adv p {
        margin-bottom: 0
    }

    .strengths-section .advantages .adv p + .features-container {
        margin-top: 20px
    }

    .strengths-section .advantages .adv p + .linux-feature, .strengths-section .advantages .adv p + .windows-feature {
        margin-top: 20px
    }
}

.strengths-section .advantages .features-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.strengths-section .advantages .cpu-feature {
    display: flex;
    align-items: center;
    padding: 20px 0;
    position: relative;
    width: 100%
}

.strengths-section .advantages .cpu-feature:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    border: .5px solid #eaeaea
}

.strengths-section .advantages .cpu-feature:before {
    top: -.5px
}

.strengths-section .advantages .cpu-feature.short {
    width: calc(50% - 10px)
}

.strengths-section .advantages .cpu-feature.text-color-base {
    color: #474747
}

.strengths-section .advantages .cpu-feature svg {
    margin-right: 10px;
    margin-bottom: 0;
    min-width: 20px;
    min-height: unset
}

.strengths-section .advantages .linux-feature, .strengths-section .advantages .windows-feature {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-top: 1px solid #eaeaea;
    position: relative;
    width: 100%
}

.strengths-section .advantages .linux-feature.short, .strengths-section .advantages .windows-feature.short {
    width: calc(50% - 10px)
}

.strengths-section .advantages .linux-feature.text-color-base, .strengths-section .advantages .windows-feature.text-color-base {
    color: #474747
}

.strengths-section .advantages .linux-feature svg, .strengths-section .advantages .windows-feature svg {
    margin-right: 10px;
    margin-bottom: 0;
    min-width: 20px;
    min-height: unset
}

.strengths-section .advantages .locations, .strengths-section .advantages .os {
    padding: 20px 30px 30px;
    background-color: #fff
}

.strengths-section .advantages .locations-block .col, .strengths-section .advantages .locations-block .ish--col, .strengths-section .advantages .locations-block [class^=col-], .strengths-section .advantages .os-block .col, .strengths-section .advantages .os-block .ish--col, .strengths-section .advantages .os-block [class^=col-] {
    display: flex
}

@media (max-width: 1199.98px) {
    .strengths-section .advantages .locations-block, .strengths-section .advantages .os-block {
        margin-bottom: 10px
    }
}

@media (max-width: 575.98px) {
    .strengths-section .advantages .locations-block.dedicated, .strengths-section .advantages .os-block.dedicated {
        padding: 0 20px
    }
}

@media (max-width: 575.98px) {
    .strengths-section .advantages .locations .os-block, .strengths-section .advantages .os .os-block {
        margin-bottom: 0
    }
}

.strengths-section .advantages .locations .category-title, .strengths-section .advantages .os .category-title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f;
    display: flex;
    margin-bottom: 10px
}

.strengths-section .advantages .locations .category-title.block, .strengths-section .advantages .os .category-title.block {
    margin-top: 10px
}

@media (max-width: 1199.98px) {
    .strengths-section .advantages .locations .category-title.block, .strengths-section .advantages .os .category-title.block {
        margin-top: 0
    }
}

@media (max-width: 991.98px) {
    .strengths-section .advantages .locations .category-title.block, .strengths-section .advantages .os .category-title.block {
        margin-top: 10px
    }
}

.strengths-section .advantages .locations .category-title.link, .strengths-section .advantages .os .category-title.link {
    color: #369;
    transition: color .3s ease-in-out
}

.strengths-section .advantages .locations .category-title.link:hover, .strengths-section .advantages .os .category-title.link:hover {
    color: #1f5080
}

.strengths-section .advantages .locations .info-item.location, .strengths-section .advantages .locations .info-item.os, .strengths-section .advantages .os .info-item.location, .strengths-section .advantages .os .info-item.os {
    padding: 10px 15px 10px 0;
    display: flex;
    align-items: center;
    height: 40px;
    margin-bottom: 10px;
    flex-direction: row;
    justify-content: flex-start;
    overflow: hidden
}

.strengths-section .advantages .locations .info-item.location .fi, .strengths-section .advantages .locations .info-item.location svg, .strengths-section .advantages .locations .info-item.os .fi, .strengths-section .advantages .locations .info-item.os svg, .strengths-section .advantages .os .info-item.location .fi, .strengths-section .advantages .os .info-item.location svg, .strengths-section .advantages .os .info-item.os .fi, .strengths-section .advantages .os .info-item.os svg {
    margin-bottom: 0;
    margin-right: 10px
}

.strengths-section .advantages .locations .info-item.location .location-title, .strengths-section .advantages .locations .info-item.location .os-title, .strengths-section .advantages .locations .info-item.os .location-title, .strengths-section .advantages .locations .info-item.os .os-title, .strengths-section .advantages .os .info-item.location .location-title, .strengths-section .advantages .os .info-item.location .os-title, .strengths-section .advantages .os .info-item.os .location-title, .strengths-section .advantages .os .info-item.os .os-title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.4285714286rem;
    color: #369;
    transition: .3s ease-in-out;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.strengths-section .advantages .locations .info-item.location:hover .location-title, .strengths-section .advantages .locations .info-item.location:hover .os-title, .strengths-section .advantages .locations .info-item.os:hover .location-title, .strengths-section .advantages .locations .info-item.os:hover .os-title, .strengths-section .advantages .os .info-item.location:hover .location-title, .strengths-section .advantages .os .info-item.location:hover .os-title, .strengths-section .advantages .os .info-item.os:hover .location-title, .strengths-section .advantages .os .info-item.os:hover .os-title {
    color: #1f5080
}

.strengths-section .advantages .locations .info-item.location .fi, .strengths-section .advantages .locations .info-item.os .fi, .strengths-section .advantages .os .info-item.location .fi, .strengths-section .advantages .os .info-item.os .fi {
    width: 20px;
    min-width: 20px
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages .locations, .strengths-section .advantages .os {
        padding: 0 0 20px
    }
}

.strengths-section .advantages .locations-block .locations-block {
    margin-bottom: 10px
}

@media (max-width: 1199.98px) {
    .strengths-section .advantages .locations-block .locations-block {
        margin-bottom: 0
    }
}

@media (max-width: 991.98px) {
    .strengths-section .advantages .locations-block .locations-block {
        margin-bottom: 10px
    }
}

@media (max-width: 991.98px) {
    .strengths-section .advantages .locations-block [class^=col-]:last-of-type .locations-block {
        margin-bottom: 0
    }
}

.strengths-section .advantages .locations {
    padding: 20px 30px 20px
}

@media screen and (max-width: 1199.98px) {
    .strengths-section .advantages .locations {
        padding-bottom: 10px
    }
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages .locations {
        padding: 0
    }
}

.strengths-section .advantages.locations {
    margin-bottom: 60px
}

.strengths-section .advantages.locations .advantages-head {
    background-color: transparent
}

.strengths-section .advantages.locations .advantages-head i {
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    margin-bottom: 20px
}



.strengths-section .advantages.locations .advantages-head .description {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    color: #474747
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages.locations .advantages-head .description {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages.locations .advantages-head {
        padding: 0 0 20px
    }
}

.strengths-section .advantages.locations .locations-head {
    display: flex;
    padding: 0 30px;
    margin-bottom: 1px
}

.strengths-section .advantages.locations .locations-head .ish--row, .strengths-section .advantages.locations .locations-head .row {
    width: 100%;
    margin: 0
}

.strengths-section .advantages.locations .locations-head .ish--row .col, .strengths-section .advantages.locations .locations-head .ish--row .ish--col, .strengths-section .advantages.locations .locations-head .ish--row [class^=col-], .strengths-section .advantages.locations .locations-head .row .col, .strengths-section .advantages.locations .locations-head .row .ish--col, .strengths-section .advantages.locations .locations-head .row [class^=col-] {
    padding: 0
}

.strengths-section .advantages.locations .locations-head .ish--row .col .info-item, .strengths-section .advantages.locations .locations-head .ish--row .ish--col .info-item, .strengths-section .advantages.locations .locations-head .ish--row [class^=col-] .info-item, .strengths-section .advantages.locations .locations-head .row .col .info-item, .strengths-section .advantages.locations .locations-head .row .ish--col .info-item, .strengths-section .advantages.locations .locations-head .row [class^=col-] .info-item {
    padding: 30px;
    position: relative
}

.strengths-section .advantages.locations .locations-head .ish--row .col .info-item:after, .strengths-section .advantages.locations .locations-head .ish--row .ish--col .info-item:after, .strengths-section .advantages.locations .locations-head .ish--row [class^=col-] .info-item:after, .strengths-section .advantages.locations .locations-head .row .col .info-item:after, .strengths-section .advantages.locations .locations-head .row .ish--col .info-item:after, .strengths-section .advantages.locations .locations-head .row [class^=col-] .info-item:after {
    content: "";
    position: absolute;
    height: 46px;
    width: 1px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: rgba(71, 71, 71, .1)
}

.strengths-section .advantages.locations .locations-head .ish--row .col .info-item .h2, .strengths-section .advantages.locations .locations-head .ish--row .ish--col .info-item .h2, .strengths-section .advantages.locations .locations-head .ish--row [class^=col-] .info-item .h2, .strengths-section .advantages.locations .locations-head .row .col .info-item .h2, .strengths-section .advantages.locations .locations-head .row .ish--col .info-item .h2, .strengths-section .advantages.locations .locations-head .row [class^=col-] .info-item .h2 {
    margin-bottom: 10px
}

.strengths-section .advantages.locations .locations-head .ish--row .col .info-item .desc, .strengths-section .advantages.locations .locations-head .ish--row .ish--col .info-item .desc, .strengths-section .advantages.locations .locations-head .ish--row [class^=col-] .info-item .desc, .strengths-section .advantages.locations .locations-head .row .col .info-item .desc, .strengths-section .advantages.locations .locations-head .row .ish--col .info-item .desc, .strengths-section .advantages.locations .locations-head .row [class^=col-] .info-item .desc {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .8571428571rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f
}

.strengths-section .advantages.locations .locations-head .ish--row .col:last-child .info-item:after, .strengths-section .advantages.locations .locations-head .ish--row .ish--col:last-child .info-item:after, .strengths-section .advantages.locations .locations-head .ish--row [class^=col-]:last-child .info-item:after, .strengths-section .advantages.locations .locations-head .row .col:last-child .info-item:after, .strengths-section .advantages.locations .locations-head .row .ish--col:last-child .info-item:after, .strengths-section .advantages.locations .locations-head .row [class^=col-]:last-child .info-item:after {
    content: none
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages.locations .locations-head .ish--row .col .info-item, .strengths-section .advantages.locations .locations-head .ish--row .ish--col .info-item, .strengths-section .advantages.locations .locations-head .ish--row [class^=col-] .info-item, .strengths-section .advantages.locations .locations-head .row .col .info-item, .strengths-section .advantages.locations .locations-head .row .ish--col .info-item, .strengths-section .advantages.locations .locations-head .row [class^=col-] .info-item {
        padding: 20px
    }

    .strengths-section .advantages.locations .locations-head .ish--row .col .info-item .desc, .strengths-section .advantages.locations .locations-head .ish--row .ish--col .info-item .desc, .strengths-section .advantages.locations .locations-head .ish--row [class^=col-] .info-item .desc, .strengths-section .advantages.locations .locations-head .row .col .info-item .desc, .strengths-section .advantages.locations .locations-head .row .ish--col .info-item .desc, .strengths-section .advantages.locations .locations-head .row [class^=col-] .info-item .desc {
        font-size: .6428571429rem;
        line-height: .7142857143rem
    }
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages.locations .locations-head {
        padding: 0
    }
}

.strengths-section .advantages.locations .datacenters-head {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 0 30px;
    margin-bottom: 1px
}

.strengths-section .advantages.locations .datacenters-head .ish--row, .strengths-section .advantages.locations .datacenters-head .row {
    width: 100%;
    margin: -.5px
}

.strengths-section .advantages.locations .datacenters-head .ish--row [class^=col-], .strengths-section .advantages.locations .datacenters-head .row [class^=col-] {
    padding: .5px
}

.strengths-section .advantages.locations .datacenters-head .ish--row [class^=col-] .info-item, .strengths-section .advantages.locations .datacenters-head .row [class^=col-] .info-item {
    padding: 30px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.strengths-section .advantages.locations .datacenters-head .ish--row [class^=col-] .info-item .title, .strengths-section .advantages.locations .datacenters-head .row [class^=col-] .info-item .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.4285714286rem;
    line-height: 1.7142857143rem;
    color: #231f20
}

.strengths-section .advantages.locations .datacenters-head .ish--row [class^=col-] .info-item i, .strengths-section .advantages.locations .datacenters-head .row [class^=col-] .info-item i {
    margin-right: 20px;
    margin-bottom: 0;
    min-width: 40px;
    background-size: 100% 100%;
    width: 40px;
    height: 40px
}


.strengths-section .advantages.locations .datacenters-head .ish--row [class^=col-] .info-item svg, .strengths-section .advantages.locations .datacenters-head .row [class^=col-] .info-item svg {
    margin-right: 20px;
    margin-bottom: 0;
    min-width: 40px
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages.locations .datacenters-head .ish--row [class^=col-] .info-item, .strengths-section .advantages.locations .datacenters-head .row [class^=col-] .info-item {
        padding: 20px
    }

    .strengths-section .advantages.locations .datacenters-head .ish--row [class^=col-] .info-item .title, .strengths-section .advantages.locations .datacenters-head .row [class^=col-] .info-item .title {
        font-size: 1.1428571429rem;
        line-height: 1.4285714286rem
    }

    .strengths-section .advantages.locations .datacenters-head .ish--row [class^=col-] .info-item i, .strengths-section .advantages.locations .datacenters-head .row [class^=col-] .info-item i {
        min-width: 30px;
        width: 30px;
        min-height: 30px;
        height: 30px
    }

    .strengths-section .advantages.locations .datacenters-head .ish--row [class^=col-] .info-item svg, .strengths-section .advantages.locations .datacenters-head .row [class^=col-] .info-item svg {
        min-width: 30px;
        width: 30px;
        min-height: 30px;
        height: 30px
    }
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages.locations .datacenters-head {
        padding: 0
    }
}

.strengths-section .advantages.locations .locations {
    background-color: transparent
}

.strengths-section .advantages.locations .locations .ish--row, .strengths-section .advantages.locations .locations .row {
    width: 100%
}

.strengths-section .advantages.locations .locations .ish--row .info-item.location, .strengths-section .advantages.locations .locations .row .info-item.location {
    margin-bottom: 0;
    padding: 20px 30px;
    height: unset;
    justify-content: flex-start
}

.strengths-section .advantages.locations .locations .ish--row .info-item.location .location-title, .strengths-section .advantages.locations .locations .row .info-item.location .location-title {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747
}

.strengths-section .advantages.locations .locations .ish--row .info-item.location .location-title:hover, .strengths-section .advantages.locations .locations .row .info-item.location .location-title:hover {
    color: #474747
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages.locations .locations .ish--row .info-item.location, .strengths-section .advantages.locations .locations .row .info-item.location {
        padding: 20px
    }
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages.locations .locations {
        padding: 0 0 20px
    }
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages.locations {
        margin-bottom: 40px
    }
}

.strengths-section .advantages.other.loc .advantages-head p {
    max-width: 640px
}

@media screen and (max-width: 575.98px) {
    .strengths-section .advantages.other {
        background-color: #fff;
        padding: 20px
    }

    .strengths-section .advantages.other .advantages-head {
        padding: 0 0 20px
    }

    .strengths-section .advantages.other.loc {
        padding-bottom: 10px
    }
}

.strengths-section .advantages.navigation {
    position: relative
}

.strengths-section .advantages .navigation {
    margin-bottom: 1px;
    background-color: #fff;
    padding: 20px 30px
}

.strengths-section .advantages .navigation .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.5714285714rem;
    color: #231f20;
    display: block;
    margin-bottom: 5px
}

.strengths-section .advantages .navigation .items-block {
    display: flex;
    flex-wrap: wrap
}

.strengths-section .advantages .navigation .items-block .item {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid rgba(71, 71, 71, .1);
    margin-right: 5px;
    margin-top: 5px;
    color: #369;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.1428571429rem;
    line-height: 1.5714285714rem;
    transition: background-color .15s ease-in-out
}

.strengths-section .advantages .navigation .items-block .item .label {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    background: #f3f9f5;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #048930;
    border-radius: 19px;
    margin-left: 10px
}

.strengths-section .advantages .navigation .items-block .item .fi, .strengths-section .advantages .navigation .items-block .item svg {
    margin-right: 5px
}

.strengths-section .advantages .navigation .items-block .item:last-child {
    margin-right: 0
}

.strengths-section .advantages .navigation .items-block .item:hover {
    background-color: rgba(71, 71, 71, .05)
}

@media (max-width: 767.98px) {
    .strengths-section .advantages .navigation {
        padding: 15px 20px
    }
}

.strengths-section h3 {
    padding-bottom: 20px;
    display: flex
}

.strengths-section ul {
    list-style: none
}

.strengths-section ul li span {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747
}

.strengths-section ul li a {
    color: #369;
    transition: color .3s
}

.strengths-section ul li a:hover {
    color: #1f5080
}

.strengths-section ul li h4 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.2857142857rem;
    line-height: 1.22;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    font-style: normal;
    margin: 30px 0 20px
}

.strengths-section ul li b {
    font-weight: 600
}

.strengths-section.amnezia {
    padding-top: 30px;
    padding-bottom: 0
}

.strengths-section.amnezia .advantages {
    position: relative;
    background-color: #100a44;
    background-position: top right;
    background-repeat: no-repeat
}

.strengths-section.amnezia .advantages h2 {
    margin-bottom: 20px
}

.strengths-section.amnezia .advantages .desc {
    max-width: 640px;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #fff;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .strengths-section.amnezia .advantages .desc {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.strengths-section.amnezia .advantages .adv {
    background-color: transparent
}

.strengths-section.amnezia .advantages .head-icon {
    height: 60px;
    width: 60px;
    background-size: 100% 100%
}



@media (max-width: 575.98px) {
    .strengths-section.amnezia .advantages .head-icon {
        height: 40px;
        width: 40px
    }
}

.strengths-section.amnezia .advantages-head {
    background-color: transparent
}

.strengths-section.amnezia .advantages h2, .strengths-section.amnezia .advantages h3, .strengths-section.amnezia .advantages p {
    color: #fff
}

@media (max-width: 575.98px) {
    .strengths-section.amnezia .advantages .bg-image {
        display: none
    }
}

.strengths-section.amnezia .controls {
    display: flex;
    justify-content: flex-start;
    padding: 20px 30px 30px;
    align-items: center
}

.strengths-section.amnezia .controls a.ish--btn {
    margin-right: auto
}

.strengths-section.amnezia .controls a.other {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #15cdcb;
    font-stretch: normal;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    display: flex;
    align-items: center
}

@media (max-width: 575.98px) {
    .strengths-section.amnezia .controls a.other {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.strengths-section.amnezia .controls a.other:last-child {
    margin-left: 40px
}

.strengths-section.amnezia .controls a.other svg:first-child {
    margin: 0 10px
}

@media (max-width: 767.98px) {
    .strengths-section.amnezia .controls {
        justify-content: flex-start;
        flex-direction: column;
        align-items: start
    }

    .strengths-section.amnezia .controls a.ish--btn {
        margin-bottom: 10px
    }

    .strengths-section.amnezia .controls a.other {
        margin-bottom: 10px
    }

    .strengths-section.amnezia .controls a.other:last-child {
        margin-left: 0;
        margin-bottom: 0
    }
}

@media (max-width: 575.98px) {
    .strengths-section.amnezia .controls {
        padding: 20px
    }
}

@media (max-width: 575.98px) {
    .strengths-section.amnezia {
        padding-top: 20px
    }
}

.strengths-section .ish--tabs__nav {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column
}

.strengths-section .ish--tabs__nav-item {
    display: flex;
    margin-bottom: 5px;
    margin-right: 1px
}

.strengths-section .ish--tabs__nav-item a, .strengths-section .ish--tabs__nav-item button {
    padding: 10px 15px
}

.strengths-section .ish--tabs__nav-item:first-child a, .strengths-section .ish--tabs__nav-item:first-child button {
    border-radius: 3px 0 0 3px
}

.strengths-section .ish--tabs__nav-item:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.strengths-section .ish--tabs__nav-item:last-child a, .strengths-section .ish--tabs__nav-item:last-child button {
    border-radius: 0 3px 3px 0
}

.strengths-section .ish--tabs__nav-item--selected .ish--tabs__nav-link {
    background-color: #474747;
    color: #fff;
    pointer-events: none
}

@media screen and (max-width: 575.98px) {
    .strengths-section .ish--tabs__nav-item {
        margin-bottom: 1px;
        margin-right: 0
    }

    .strengths-section .ish--tabs__nav-item button {
        border-radius: 0
    }

    .strengths-section .ish--tabs__nav-item:first-child button {
        border-radius: 3px 3px 0 0
    }

    .strengths-section .ish--tabs__nav-item:last-child button {
        border-radius: 0 0 3px 3px
    }
}

.strengths-section .ish--tabs__nav-link {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: normal;
    color: #fff;
    font-size: 1.1428571429rem;
    border: none;
    border-radius: 3px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, .1);
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    cursor: pointer;
    min-height: 40px;
    font-size: 1rem;
    text-transform: uppercase;
    background-color: rgba(71, 71, 71, .1);
    color: #231f20;
    text-align: center;
    width: 100%
}

.strengths-section .ish--tabs__nav-link:hover {
    background: rgba(255, 255, 255, .3)
}

.strengths-section .ish--tabs__nav-link:hover {
    background-color: rgba(71, 71, 71, .3)
}

@media screen and (min-width: 575.98px) {
    .strengths-section .ish--tabs__nav {
        flex-direction: row
    }

    .strengths-section .ish--tabs__nav-item {
        margin-bottom: 0
    }

    .strengths-section .ish--tabs__nav-link {
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .strengths-section .ish--tabs__nav {
        flex-direction: row
    }

    .strengths-section .ish--tabs__nav-link {
        width: auto
    }
}

@media screen and (max-width: 575.98px) {
    .strengths-section {
        padding: 20px 0
    }
}

.features-section {
    margin-top: 1px;
    background-color: rgba(255, 255, 255, .5)
}

.features-section .wrapper {
    display: flex;
    flex-direction: column;
    padding: 30px 30px 20px
}

@media (max-width: 575.98px) {
    .features-section .wrapper {
        padding: 20px 0 20px
    }
}

.features-section h2 {
    margin-bottom: 20px
}

.features-section ul {
    list-style: unset
}

.features-section ul li {
    display: flex;
    align-items: center;
    padding: 20px 0;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal;
    border-top: 1px solid rgba(71, 71, 71, .1)
}

.features-section ul li:last-child {
    padding-bottom: 0
}

.features-section ul li svg {
    margin-right: 15px;
    height: 20px;
    min-height: 20px;
    width: 20px;
    min-width: 20px
}

.features-section.vpn .desc {
    max-width: 640px
}

.features-section.vpn .btn-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0 0 30px
}

.features-section.vpn .btn-wrapper hr {
    background-image: none;
    background-color: rgba(71, 71, 71, .1);
    margin-bottom: 20px
}

@media (max-width: 575.98px) {
    .features-section.vpn .btn-wrapper {
        padding: 0 0 20px
    }
}

.features-section.vpn .btn-adds {
    cursor: pointer;
    display: flex;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.4285714286rem;
    color: #369;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    transition: color .3s ease-in-out
}

.features-section.vpn .btn-adds:hover {
    color: #1f5080
}

.benefits-section {
    padding-top: 20px;
    padding-bottom: 20px
}

.benefits-section i {
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    margin-bottom: 20px
}


.benefits-section h2 {
    margin: 0 0 20px
}

.benefits-section h3 {
    margin: 0 0 30px
}

.benefits-section ul {
    list-style: none
}

.benefits-section ul li div {
    display: flex;
    flex-direction: column;
    padding: 20px
}

.benefits-section ul li div .head {
    display: flex;
    flex-direction: column;
    padding: 0
}

@media (max-width: 575.98px) {
    .benefits-section ul li div .head {
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px
    }

    .benefits-section ul li div .head h2 {
        margin-bottom: 0
    }

    .benefits-section ul li div .head i {
        margin-bottom: 0;
        margin-right: 20px
    }
}

.benefits-section ul li li, .benefits-section ul li ol, .benefits-section ul li p, .benefits-section ul li span {
    font-size: 1.1428571429rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7142857143rem;
    letter-spacing: normal;
    color: #474747
}

@media (max-width: 575.98px) {
    .benefits-section ul li li, .benefits-section ul li ol, .benefits-section ul li p, .benefits-section ul li span {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.benefits-section ul li ol {
    margin-top: 20px;
    padding-left: 20px
}

.benefits-section ul li li {
    margin: 0
}

.benefits-section ul li h4 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.7142857143rem;
    line-height: 1.7142857143rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    margin: 30px 0 20px
}

@media (max-width: 767.98px) {
    .benefits-section ul li h4 {
        font-size: 1.5714285714rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .benefits-section ul li h4 {
        font-size: 1.4285714286rem;
        line-height: 1.4285714286rem
    }
}

.benefits-section ul li .subtitle {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.4285714286rem;
    line-height: 1.7142857143rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    margin: 20px 0
}

@media (max-width: 767.98px) {
    .benefits-section ul li .subtitle {
        font-size: 1.2857142857rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .benefits-section ul li .subtitle {
        font-size: 1.1428571429rem;
        line-height: 1.4285714286rem
    }
}

.benefits-section ul li b {
    font-weight: 600
}

.benefits-section ul li .controls {
    padding: 0;
    margin-top: 20px;
    display: flex;
    flex-direction: row
}

.benefits-section ul li .controls a {
    margin-right: 5px
}

@media (max-width: 767.98px) {
    .benefits-section ul li .controls {
        flex-direction: column
    }

    .benefits-section ul li .controls a {
        display: flex;
        margin-right: 0;
        margin-bottom: 5px;
        justify-content: center
    }

    .benefits-section ul li .controls a:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 767.98px) {
    .benefits-section {
        padding-bottom: 40px
    }

    .benefits-section .list-item {
        margin-bottom: 60px
    }

    .benefits-section .list-item:last-child {
        margin-bottom: 0
    }

    .benefits-section .list-item div {
        padding: 0 20px
    }
}

@media screen and (max-width: 576px) {
    .benefits-section {
        padding-bottom: 0
    }

    .benefits-section .list-item {
        margin-bottom: 40px
    }

    .benefits-section .list-item div {
        padding: 0
    }
}

.promo-section {
    padding-top: 20px;
    padding-bottom: 20px
}

.promo-section.animation {
    transition: opacity .3s ease-in-out
}

.promo-section.show {
    opacity: 1
}

.promo-section.hide {
    opacity: 0
}

@media (min-width: 576px) {
    .promo-section {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (max-width: 575.98px) {
    .promo-section {
        padding-top: 0
    }

    .promo-section .container, .promo-section .ish--grid {
        padding-left: 0;
        padding-right: 0
    }
}

.promo-slider {
    position: relative;
    height: 240px;
    overflow: hidden
}

@media (max-width: 767.98px) {
    .promo-slider {
        height: 190px
    }
}

@media (max-width: 575.98px) {
    .promo-slider {
        height: 165px
    }
}

.promo-slider-swapper {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.promo-slider .promo-slider-carousel {
    height: 100%
}

.promo-slider .slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 160px;
    overflow: hidden;
    padding: 20px calc(46px + 15px);
    gap: 15px
}

@media (min-width: 576px) {
    .promo-slider .slide {
        padding: 20px calc(46px + 20px)
    }
}

@media (min-width: 768px) {
    .promo-slider .slide {
        align-items: flex-start;
        background-position: center;
        background-size: cover;
        padding-right: calc(46px + 30px + 20px);
        padding-left: calc(46px + 30px + 20px)
    }
}

@media (min-width: 992px) {
    .promo-slider .slide {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: calc(46px + 30px + 30px);
        padding-left: calc(46px + 30px + 30px)
    }
}

@media (min-width: 1200px) {
    .promo-slider .slide {
        padding-right: calc(46px + 40px + 30px);
        padding-left: calc(46px + 40px + 30px)
    }
}

.promo-slider .slide .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.5714285714rem;
    line-height: 2.1428571429rem;
    font-weight: 600;
    color: #474747;
    width: 50%
}

@media (max-width: 575.98px) {
    .promo-slider .slide .title {
        font-size: 1.1428571429rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 767.98px) {
    .promo-slider .slide .title {
        text-align: center;
        width: 100%
    }
}

.promo-slider .slide .content {
    display: flex;
    width: 50%
}

.promo-slider .slide .content .ish--btn--secondary {
    font-size: 16px;
    line-height: 16px
}

@media (max-width: 767.98px) {
    .promo-slider .slide .content {
        justify-content: center;
        width: 100%
    }
}

.promo-slider .slide.light .title {
    color: #fff
}

.promo-slider .slide.dark .title {
    color: #231f20
}

.promo-slider .slide.animation {
    position: absolute;
    top: 0;
    transition: left .7s ease-in-out, opacity .7s ease-in-out, transform .7s ease-in-out
}

.promo-slider .slide.left {
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.promo-slider .slide.right {
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.promo-slider .slide.current {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

@media (max-width: 575.98px) {
    .promo-slider .slide {
        min-height: 150px
    }
}

.promo-slider .promo-slider-control {
    position: absolute;
    display: flex;
    height: 40px;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    background-color: rgba(35, 31, 32, .3);
    top: 50%;
    transform: translateY(-50%);
    border: none;
    border-radius: 3px
}

.promo-slider .promo-slider-control:hover {
    background-color: rgba(35, 31, 32, .5);
    cursor: pointer
}

.promo-slider .promo-slider-control.prev {
    left: 0
}

.promo-slider .promo-slider-control.next {
    right: 0
}

@media (min-width: 768px) {
    .promo-slider .promo-slider-control.prev {
        left: 20px
    }

    .promo-slider .promo-slider-control.next {
        right: 20px
    }
}

@media (min-width: 992px) {
    .promo-slider .promo-slider-control.prev {
        left: 30px
    }

    .promo-slider .promo-slider-control.next {
        right: 30px
    }
}

.promo-slider-bar {
    display: flex;
    justify-content: center
}

.promo-slider-bar .bullet {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.promo-slider-bar .bullet:hover {
    cursor: pointer
}

.promo-slider-bar .bullet svg circle {
    transition: fill .15s ease-in-out
}

.promo-slider-bar .bullet.active svg circle {
    fill: #0938de
}

.server-transfer-section {
    padding-top: 40px;
    padding-bottom: 60px
}

.server-transfer-section h3 {
    margin: 0 0 30px
}

.server-transfer-section .server-transfer-content p {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    margin-bottom: 20px
}

.server-transfer-section .server-transfer-content button {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    margin-right: 10px;
    padding: 10px 15px;
    height: 40px;
    transition: color .1s ease-in-out, border .3s ease-in-out, background-color .3s ease-in-out
}

.server-transfer-section .server-transfer-content button:hover {
    background: #87CEEB
}

.server-transfer-section .server-transfer-content button:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

.server-transfer-section .server-transfer-content button .light-text {
    text-transform: capitalize;
    font-weight: 300
}

.server-transfer-section .server-transfer-content button.arrow {
    margin-right: 10px
}

.server-transfer-section .server-transfer-content button.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.server-transfer-section .server-transfer-content button.arrow:hover::before {
    border-left-color: #87CEEB
}

.server-transfer-section .server-transfer-content button.arrow:disabled::before {
    border-left-color: #0938de
}

.server-transfer-section .server-transfer-content button::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.server-transfer-section .server-transfer-content button:hover::before {
    border-left-color: #87CEEB
}

.server-transfer-section .server-transfer-content button:disabled::before {
    border-left-color: #0938de
}

.server-transfer-section .server-transfer-content button span {
    font-weight: 400
}

.server-transfer-section .server-transfer-icon {
    display: none
}

.server-transfer-section .server-transfer-icon figure {
    width: 130px;
    height: 150px
}

@media screen and (min-width: 768px) {
    .server-transfer-section .server-transfer-icon {
        display: block
    }

    .server-transfer-section .server-transfer-icon figure {
        margin-left: 30px
    }
}

@media screen and (min-width: 992px) {
    .server-transfer-section .server-transfer-icon figure {
        margin-left: 90px
    }
}

.infrastructure-section .infrastructure-wrapper {
    padding: 20px;
    background: #fff
}

.infrastructure-section .infrastructure-wrapper .ish--row, .infrastructure-section .infrastructure-wrapper .row {
    margin-left: 0;
    margin-right: 0
}

.infrastructure-section .infrastructure-wrapper .ish--row .col, .infrastructure-section .infrastructure-wrapper .ish--row .ish--col, .infrastructure-section .infrastructure-wrapper .row .col, .infrastructure-section .infrastructure-wrapper .row .ish--col {
    padding-left: 0;
    padding-right: 0
}

.infrastructure-section .infrastructure-wrapper .data {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.infrastructure-section .infrastructure-wrapper .data ul {
    padding-left: 15px
}

.infrastructure-section .infrastructure-wrapper .data ul li {
    font-size: 1.1428571429rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7142857143rem;
    letter-spacing: normal;
    color: #474747
}

@media (max-width: 575.98px) {
    .infrastructure-section .infrastructure-wrapper .data ul li {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.infrastructure-section .infrastructure-wrapper .illustration {
    display: none;
    padding-left: 0
}

@media (min-width: 768px) {
    .infrastructure-section .infrastructure-wrapper .illustration {
        display: block
    }
}

.infrastructure-section .infrastructure-wrapper .isp-image {
    display: none;
    padding-left: 0
}

@media (min-width: 992px) {
    .infrastructure-section .infrastructure-wrapper .isp-image {
        display: block
    }
}

.infrastructure-section .infrastructure-wrapper .image {
    width: 100%;
    height: 100%;
    background-color: rgba(35, 31, 32, .05);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover
}


.infrastructure-section .infrastructure-wrapper .image-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: rgba(35, 31, 32, .05)
}

.infrastructure-section .infrastructure-wrapper .image-container svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width: 576px) {
    .infrastructure-section .infrastructure-wrapper {
        padding: 30px
    }
}

@media (min-width: 768px) {
    .infrastructure-section .infrastructure-wrapper .data {
        padding-right: 20px
    }
}

.service-view {
    padding-top: 0
}

.service-view .card-heading {
    display: none
}

.service-view .comment {
    padding: 0
}

.service-view .comment-label {
    display: flex;
    align-items: center
}

.service-view .comment-label .ish--tooltip__trigger {
    margin: 0 .25rem;
    text-transform: none
}

.service-view .toggler {
    position: absolute;
    right: 10px
}

.service-view .management, .service-view .order {
    margin-bottom: 20px
}

.service-view .management .cart-item-action, .service-view .order .cart-item-action {
    justify-content: center
}

@media screen and (min-width: 768px) {
    .service-view .management, .service-view .order {
        margin-bottom: 40px
    }
}

.service-view .management .description-plank .info-block {
    padding: 15px 15px 15px 16px
}

.service-view .management .description-plank .info-block.vpn {
    flex-direction: column
}

.service-view .management .description-plank .info-block.vpn a {
    margin-top: 20px
}

.service-view .order .cart-item .ish--overflow-menu[aria-expanded=true] .ish--overflow-menu__trigger {
    box-shadow: none
}

.service-view .order .cart-item-summary-unit {
    padding: 0
}

.service-view .order .cart-item-summary-unit .description {
    margin-bottom: 4px;
    font-size: .8571428571rem;
    line-height: 1.2857142857rem
}

.service-view .order .cart-item-summary-unit .category {
    margin-bottom: 4px
}

.service-view .order .cart-item-summary-unit .category .name {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f
}

.service-view .order .cart-item-summary-unit .category .info, .service-view .order .cart-item-summary-unit .category .price {
    font-size: .8571428571rem;
    line-height: 1.2857142857rem;
    font-weight: 600
}

.service-view .order .cart-item-summary-unit.additions {
    padding: 10px 0 0
}

.service-view .order .cart-item-total {
    border-top: 1px solid rgba(71, 71, 71, .1);
    margin-top: 20px
}

.service-view .order .cart-item-total.once {
    padding-bottom: 0
}

.service-view .order .cart-item-total .info, .service-view .order .cart-item-total .price {
    font-weight: 700
}

.service-view .details {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column
}

.service-view .details-option:not(.subtitle) {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    margin-bottom: 1px;
    background: #fff;
    will-change: box-shadow;
    transition: .3s;
    position: relative
}

.service-view .details-option:not(.subtitle) .details-option-cell.number input[type=number]:focus {
    background: 0 0
}

.service-view .details-option:not(.subtitle):hover .details-option-cell.number input[type=number] {
    background: 0 0
}

.service-view .details-option:not(.subtitle):hover .details-option-cell.number:before, .service-view .details-option:not(.subtitle):hover .details-option-cell.selection:not(.selection--disabled):before, .service-view .details-option:not(.subtitle):hover .details-option-cell.switcher:before {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05), 0 0 4px 0 rgba(0, 0, 0, .05);
    z-index: 1
}

.service-view .details-option:not(.subtitle):hover .details-option-cell.number .ish--form-item, .service-view .details-option:not(.subtitle):hover .details-option-cell.number .select-dropdown, .service-view .details-option:not(.subtitle):hover .details-option-cell.selection:not(.selection--disabled) .ish--form-item, .service-view .details-option:not(.subtitle):hover .details-option-cell.selection:not(.selection--disabled) .select-dropdown, .service-view .details-option:not(.subtitle):hover .details-option-cell.switcher .ish--form-item, .service-view .details-option:not(.subtitle):hover .details-option-cell.switcher .select-dropdown {
    z-index: 20
}

.service-view .details-option:not(.subtitle) .details-option-cell {
    display: flex;
    align-items: center
}

.service-view .details-option:not(.subtitle) .details-option-cell.data, .service-view .details-option:not(.subtitle) .details-option-cell.name, .service-view .details-option:not(.subtitle) .details-option-cell.value {
    padding: 10px;
    min-height: 40px
}

.service-view .details-option:not(.subtitle) .details-option-cell.name {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    width: 35%;
    word-break: break-all;
    word-break: break-word
}

@media (max-width: 991.98px) {
    .service-view .details-option:not(.subtitle) .details-option-cell.name.sm-full {
        width: 100%
    }
}

.service-view .details-option:not(.subtitle) .details-option-cell.name .ish--tooltip__trigger {
    margin: 0 4px;
    top: 1px;
    z-index: 10
}

.service-view .details-option:not(.subtitle) .details-option-cell.name .ish--tooltip__trigger:hover {
    z-index: 30
}

.service-view .details-option:not(.subtitle) .details-option-cell.value {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #474747;
    width: 65%;
    text-align: left;
    display: flex;
    justify-content: flex-start
}

.service-view .details-option:not(.subtitle) .details-option-cell.value .ish--number {
    width: 100%
}

.service-view .details-option:not(.subtitle) .details-option-cell.value .ish--number__input-wrapper {
    padding-left: 0
}

.service-view .details-option:not(.subtitle) .details-option-cell.value .ish--number__input-wrapper input[type=number] {
    padding-left: 0;
    text-align: left
}

.service-view .details-option:not(.subtitle) .details-option-cell.value .value {
    width: 60%;
    flex: 1;
    padding: 15px 10px
}

.service-view .details-option:not(.subtitle) .details-option-cell.value .value.selection {
    padding: 0;
    z-index: 3
}

.service-view .details-option:not(.subtitle) .details-option-cell.value .variant {
    z-index: 1;
    width: 40%;
    padding: 0 1rem
}

.service-view .details-option:not(.subtitle) .details-option-cell.value .variant.selection {
    padding: 0;
    z-index: 2;
    height: 100%
}

.service-view .details-option:not(.subtitle) .details-option-cell.value .action {
    margin-left: auto
}

.service-view .details-option:not(.subtitle) .details-option-cell.value.location {
    z-index: 4
}

.service-view .details-option:not(.subtitle) .details-option-cell.value.location .value {
    width: 50%
}

.service-view .details-option:not(.subtitle) .details-option-cell.value.location .variant {
    width: 50%
}

@media (max-width: 991.98px) {
    .service-view .details-option:not(.subtitle) .details-option-cell.value.location, .service-view .details-option:not(.subtitle) .details-option-cell.value.os {
        flex-direction: column;
        justify-content: center;
        align-self: center
    }

    .service-view .details-option:not(.subtitle) .details-option-cell.value.location .value, .service-view .details-option:not(.subtitle) .details-option-cell.value.os .value {
        width: 100%
    }

    .service-view .details-option:not(.subtitle) .details-option-cell.value.location .variant, .service-view .details-option:not(.subtitle) .details-option-cell.value.os .variant {
        width: 100%
    }
}

.service-view .details-option:not(.subtitle) .details-option-cell.number {
    padding: 5px 10px
}

.service-view .details-option:not(.subtitle) .details-option-cell.number input[type=number] {
    line-height: 30px
}

.service-view .details-option:not(.subtitle) .details-option-cell.number .ish--form-item {
    align-items: flex-end
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection {
    padding: 0
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection .selection-container {
    width: 100%
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection .selection-container .info .price {
    padding-right: 0;
    white-space: nowrap;
    padding-left: 10px;
    font-size: .9285714286rem;
    line-height: 1.4285714286rem;
    color: #474747;
    opacity: .5;
    font-weight: 400
}

@media (max-width: 991.98px) {
    .service-view .details-option:not(.subtitle) .details-option-cell.selection .selection-container .info .price {
        white-space: nowrap;
        word-break: initial
    }
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection .selection-container .name {
    font-weight: 400;
    word-break: break-word;
    color: #474747
}

@media (max-width: 991.98px) {
    .service-view .details-option:not(.subtitle) .details-option-cell.selection .selection-container .name {
        word-break: unset
    }
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection .selection-container .ish--radio-button-group .ish--radio-button-wrapper {
    padding-left: 10px
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection .select-dropdown {
    padding: 10px 0;
    background: 0 0;
    min-width: 100px;
    box-shadow: none;
    transition: box-shadow .15s ease-in-out
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection .select-dropdown-options {
    width: calc(100vw - 40px)
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection .select-dropdown-options ul {
    width: 100%
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection .select-dropdown-options ul li {
    white-space: normal
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection .select-dropdown-selected {
    min-height: 20px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection .select-dropdown-selected-item {
    overflow: hidden;
    text-overflow: ellipsis
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection--disabled {
    color: #9b9b9b;
    position: relative
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection--disabled .select-dropdown-control::before {
    border-color: transparent transparent #9b9b9b
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection--disabled svg {
    fill: #9b9b9b
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection--disabled:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: not-allowed
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection.radio.selection__invalid .selection-container .active {
    box-shadow: inset 0 -1px 0 0 #fc2347
}

.service-view .details-option:not(.subtitle) .details-option-cell.selection__invalid .select-dropdown {
    box-shadow: inset 0 -1px 0 0 #fc2347
}

@media (max-width: 991.98px) {
    .service-view .details-option:not(.subtitle) .details-option-cell.selection.radio {
        width: 100%
    }
}

.service-view .details-option:not(.subtitle) .details-option-cell.number:before, .service-view .details-option:not(.subtitle) .details-option-cell.selection:before, .service-view .details-option:not(.subtitle) .details-option-cell.switcher:before {
    content: "";
    height: 100%;
    width: 100%;
    box-shadow: none;
    transition: box-shadow .3s ease-in-out;
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (min-width: 576px) {
    .service-view .details-option:not(.subtitle) .details-option-cell.selection .select-dropdown-options {
        width: 536px
    }
}

@media screen and (min-width: 768px) {
    .service-view .details-option:not(.subtitle) .details-option-cell.data, .service-view .details-option:not(.subtitle) .details-option-cell.name, .service-view .details-option:not(.subtitle) .details-option-cell.value {
        min-height: 50px;
        align-self: stretch
    }

    .service-view .details-option:not(.subtitle) .details-option-cell.name {
        padding: 15px 10px 15px 15px
    }

    .service-view .details-option:not(.subtitle) .details-option-cell.data, .service-view .details-option:not(.subtitle) .details-option-cell.value {
        padding: 15px 10px
    }

    .service-view .details-option:not(.subtitle) .details-option-cell.number {
        padding: 5px 10px
    }

    .service-view .details-option:not(.subtitle) .details-option-cell.number input[type=number] {
        line-height: 40px
    }

    .service-view .details-option:not(.subtitle) .details-option-cell.selection {
        padding: 0
    }

    .service-view .details-option:not(.subtitle) .details-option-cell.selection .select-dropdown {
        padding: 15px 0;
        background: 0 0
    }

    .service-view .details-option:not(.subtitle) .details-option-cell.selection .select-dropdown-options {
        width: 349px
    }
}

@media screen and (max-width: 991.98px) and (min-width: 768px) {
    .service-view .details-option:not(.subtitle) .details-option-cell.name .ish--tooltip__trigger.ish--tooltip--bottom::after, .service-view .details-option:not(.subtitle) .details-option-cell.name .ish--tooltip__trigger.ish--tooltip--bottom:focus .ish--assistive-text, .service-view .details-option:not(.subtitle) .details-option-cell.name .ish--tooltip__trigger.ish--tooltip--bottom:focus + .ish--assistive-text, .service-view .details-option:not(.subtitle) .details-option-cell.name .ish--tooltip__trigger.ish--tooltip--bottom:hover .ish--assistive-text, .service-view .details-option:not(.subtitle) .details-option-cell.name .ish--tooltip__trigger.ish--tooltip--bottom:hover + .ish--assistive-text {
        transform: translate(-20%, 100%)
    }
}

@media screen and (min-width: 992px) {
    .service-view .details-option:not(.subtitle) .details-option-cell.name {
        width: 40%
    }

    .service-view .details-option:not(.subtitle) .details-option-cell.value {
        width: 60%
    }

    .service-view .details-option:not(.subtitle) .details-option-cell.selection .select-dropdown-options {
        width: 100%
    }

    .service-view .details-option:not(.subtitle) .details-option-cell.selection .select-dropdown-options ul li {
        white-space: nowrap
    }
}

.service-view .details-option.subtitle {
    margin: 25px 15px 15px
}

.service-view .details-option.subtitle .details-option-cell.name {
    font-size: .7142857143rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.2;
    color: #8b7b7f;
    text-transform: uppercase;
    vertical-align: baseline
}

.service-view .details-option.subtitle.comment {
    margin: 25px 0 0
}

.service-view .details-option.subtitle.comment .comment-label {
    margin: 0 0 15px 15px
}

@media screen and (max-width: 767.98px) {
    .service-view .details-option.subtitle {
        margin: 25px 10px 15px
    }
}

.service-view .details-option.info-block {
    background: rgba(35, 31, 32, .05);
    border-left: 4px solid #0938de;
    padding: 15px 15px 15px 11px;
    color: #231f20;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    word-break: break-word
}

.service-view .details-option.periods-info-block {
    display: flex;
    justify-content: center;
    background: #f3f9f5;
    padding: 5px 10px;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    color: #048930;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    word-break: break-word
}

@media (max-width: 991.98px) {
    .service-view .details-option {
        flex-wrap: wrap
    }
}

.service-view.preloader .details-option-cell.name::after {
    content: ".";
    color: transparent;
    width: 80px;
    background: #e0e0e0;
    display: inline-block
}

.service-view.preloader .details-option-cell.value::after {
    content: ".";
    color: transparent;
    width: 160px;
    background: #e0e0e0;
    display: inline-block
}

.service-view.preloader .details-option-cell.data::after {
    content: ".";
    color: transparent;
    width: 160px;
    background: #e0e0e0;
    display: inline-block
}

.service-view.preloader .details-option-cell.price::after {
    content: ".";
    color: transparent;
    width: 100px;
    background: #e0e0e0;
    display: inline-block
}

.service-view.preloader .details-option.subtitle .name::after {
    content: ".";
    color: transparent;
    width: 80px;
    background: #e0e0e0;
    display: inline-block
}

.service-view .preloader-inline::after {
    content: ".";
    color: transparent;
    width: 75%;
    background: #e0e0e0;
    display: inline-block
}

.service-view .preloader-inline.animation {
    transition: opacity .3s ease-in-out
}

.service-view .preloader-inline.show {
    opacity: 1
}

.service-view .preloader-inline.hide {
    opacity: 0
}

.service-view.animation .cancel-btn, .service-view.animation .card .card-heading, .service-view.animation .card.stats .value, .service-view.animation .cart, .service-view.animation .details .data, .service-view.animation .details .name, .service-view.animation .details .price, .service-view.animation .details .value, .service-view.animation .log-list-item, .service-view.animation .manage-btn {
    transition: opacity .3s ease-in-out
}

.service-view.show .cancel-btn, .service-view.show .card .card-heading, .service-view.show .card.stats .value, .service-view.show .cart, .service-view.show .details .data, .service-view.show .details .name, .service-view.show .details .price, .service-view.show .details .value, .service-view.show .log-list-item, .service-view.show .manage-btn {
    opacity: 1
}

.service-view.hide .cancel-btn, .service-view.hide .card .card-heading, .service-view.hide .card.stats .value, .service-view.hide .cart, .service-view.hide .details .data, .service-view.hide .details .name, .service-view.hide .details .price, .service-view.hide .details .value, .service-view.hide .log-list-item, .service-view.hide .manage-btn {
    opacity: 0
}

.cart {
    padding: 0 20px;
    background: rgba(255, 255, 255, .5);
    position: relative
}

.cart-item-heading-wrapper {
    padding: 20px 0 10px
}

.cart-item-heading-wrapper .cart-item-label, .cart-item-heading-wrapper .options-block {
    display: none
}

.cart-item-heading-wrapper .date {
    display: flex;
    margin-top: 5px;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    font-size: .8571428571rem;
    line-height: 1.2857142857rem
}

.cart-item-heading-wrapper .cart-item-heading {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.2857142857rem;
    line-height: 1.22;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    font-style: normal;
    display: flex
}

.cart-item-heading-wrapper .cart-item-heading > a {
    flex-grow: 1;
    transition: all .3s ease-in-out
}

.cart-item-heading-wrapper .cart-item-heading > a:hover {
    color: #369
}

.cart-item-heading-wrapper .cart-item-heading .controls::before {
    content: none;
    display: none
}

.cart-item-heading-wrapper .cart-item-heading .controls::after {
    cursor: pointer
}

.cart-item-heading-wrapper .cart-item-heading .controls .ish--overflow-menu__trigger {
    width: 20px;
    height: 20px;
    display: flex
}

.cart-item-heading-wrapper .cart-item-heading .controls .ish--overflow-menu__trigger svg {
    transform: rotate(90deg)
}

.cart-item-summary {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747
}

.cart-item-summary-unit {
    padding: 20px 0
}

.cart-item-summary-unit .category, .cart-item-summary-unit .description {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row
}

.cart-item-summary-unit .description {
    align-items: start
}

.cart-item-summary-unit .description:last-child {
    margin-bottom: 0
}

.cart-item-summary-unit .price {
    padding-left: 10px;
    text-align: right
}

.cart-item-summary-unit .price small {
    min-width: 4rem;
    display: inline-block
}

.cart-item-summary-unit .category .name {
    font-weight: 600
}

.cart-item-summary-unit .category .controls::before {
    content: none;
    display: none
}

.cart-item-summary-unit .category .controls::after {
    cursor: pointer
}

.cart-item-summary-unit .category .controls .ish--overflow-menu__trigger {
    width: 20px;
    height: 20px;
    display: flex
}

.cart-item-summary-unit .category .controls .ish--overflow-menu__trigger svg {
    transform: rotate(90deg)
}

.cart-item-summary-unit-wrapper {
    margin-bottom: 2px
}

.cart-item-summary-unit-wrapper.hide {
    height: 0 !important
}

.cart-item-summary-unit-wrapper.hide > * {
    left: -100%;
    opacity: 0
}

.cart-item-summary-unit-wrapper.show > * {
    left: 0;
    opacity: 1
}

.cart-item-summary-unit-wrapper.animation {
    overflow: hidden;
    transition: height .15s ease-in-out 0s
}

.cart-item-summary-unit-wrapper.animation > * {
    position: relative;
    transition: all .15s ease-in-out .15s
}

.cart-item-summary-unit-wrapper.animation.reverse {
    transition: height .15s ease-in-out .15s
}

.cart-item-summary-unit-wrapper.animation.reverse > * {
    transition: all .15s ease-in-out 0s
}

.cart-item-total {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding: 20px 0;
    font-weight: 600
}

.cart-item-total .info {
    flex-grow: 1
}

.cart-item-total .info .ish--tooltip__trigger {
    margin: 0 4px;
    top: 2px
}

.cart-item-action-wrapper {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap
}

.cart-item-action-wrapper.animation {
    transition: opacity .3s ease-in-out
}

.cart-item-action-wrapper.show {
    opacity: 1
}

.cart-item-action-wrapper.hide {
    opacity: 0
}

.cart-item-action-wrapper .ish--btn--primary {
    margin-bottom: 10px
}

.cart-item-action-wrapper .ish--btn--primary, .cart-item-action-wrapper .ish--btn--secondary {
    flex-grow: 1
}

.cart-item-action-wrapper .ish--btn--primary svg, .cart-item-action-wrapper .ish--btn--secondary svg {
    display: none
}

@media screen and (min-width: 768px) {
    .cart-item-action-wrapper {
        flex-wrap: nowrap
    }

    .cart-item-action-wrapper .ish--btn--primary {
        margin-bottom: 0
    }
}

.cart-item-counter-wrapper {
    padding-top: 0
}

.cart-item-counter-wrapper .cart-item-counter {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: normal;
    color: #fff;
    font-size: 1.1428571429rem;
    border: none;
    border-radius: 3px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, .1);
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    cursor: pointer;
    min-height: 40px;
    text-transform: unset;
    flex-basis: 100%
}

.cart-item-counter-wrapper .cart-item-counter:hover {
    background: rgba(255, 255, 255, .3)
}

.cart-item-counter-wrapper .cart-item-counter.blink::after {
    content: "";
    position: absolute;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #fff 50%, rgba(0, 0, 0, 0) 100%);
    height: 100%;
    width: 40%;
    opacity: .15;
    left: -40%;
    transition: left ease-in-out .3s
}

.cart-item-counter-wrapper .cart-item-counter.active::after {
    left: 100%
}

@media screen and (min-width: 768px) {
    .cart-item-counter-wrapper .cart-item-counter {
        flex-basis: 100%
    }
}

.cart .cart-item-wrapper.hide {
    height: 0 !important
}

.cart .cart-item-wrapper.hide > * {
    left: -100%;
    opacity: 0
}

.cart .cart-item-wrapper.show > * {
    left: 0;
    opacity: 1
}

.cart .cart-item-wrapper.animation {
    overflow: hidden;
    transition: height .15s ease-in-out 0s
}

.cart .cart-item-wrapper.animation > * {
    position: relative;
    transition: all .15s ease-in-out .15s
}

.cart .cart-item-wrapper.animation.reverse {
    transition: height .15s ease-in-out .15s
}

.cart .cart-item-wrapper.animation.reverse > * {
    transition: all .15s ease-in-out 0s
}

.services-list {
    display: flex;
    flex-direction: column;
    margin-top: 1px;
    padding: 10px;
    background: rgba(255, 255, 255, .5)
}

.services-list.animation {
    transition: opacity .3s ease-in-out
}

.services-list.show {
    opacity: 1
}

.services-list.hide {
    opacity: 0
}

.services-list-item {
    display: flex;
    min-height: 80px;
    background-color: #fff;
    margin-bottom: 10px;
    transition: all .3s ease-in-out;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    border-radius: 3px
}

.services-list-item:last-of-type {
    margin-bottom: 0
}

.services-list-item:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05), 0 0 4px 0 rgba(0, 0, 0, .05);
    background-color: #fff
}

.services-list-item-cell {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding: 20px 20px 30px
}

.services-list-item-cell .value .panel {
    display: none
}

.services-list-item-cell .type {
    display: inline-block;
    min-width: 75px;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f
}

.services-list-item-cell .type .panel {
    display: none
}

.services-list-item-row {
    display: flex;
    align-items: start;
    width: 100%
}

.services-list-item-row .services-list-item-cell.details, .services-list-item-row .services-list-item-cell.promos {
    width: 100%
}

.services-list-item-row .services-list-item-cell.details {
    flex-grow: 1;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start
}

.services-list-item-row .services-list-item-cell.details .details-row {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap
}

.services-list-item-row .services-list-item-cell.details .details-row:last-child {
    margin-bottom: 0
}

.services-list-item-row .services-list-item-cell.details .details-row .details-cell.data, .services-list-item-row .services-list-item-cell.details .details-row .details-cell.name {
    width: 100%
}

.services-list-item-row .services-list-item-cell.details .details-row .details-cell.name {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.47;
    color: #8b7b7f
}

.services-list-item-row .services-list-item-cell.details .details-row .details-cell.name .panel {
    display: none
}

@media (max-width: 767.98px) {
    .services-list-item-row .services-list-item-cell.details .details-row .details-cell.name {
        font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: .7142857143rem;
        line-height: .8571428571rem;
        text-transform: uppercase;
        color: #8b7b7f
    }
}

@media (min-width: 768px) {
    .services-list-item-row .services-list-item-cell.details .details-row {
        flex-wrap: nowrap;
        margin-bottom: 5px
    }

    .services-list-item-row .services-list-item-cell.details .details-row .details-cell.name {
        min-width: 90px;
        width: 90px
    }

    .services-list-item-row .services-list-item-cell.details .details-row .details-cell.data {
        flex-grow: 1;
        width: auto
    }
}

.services-list-item-row .services-list-item-cell.details .title {
    flex-wrap: wrap;
    align-content: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.2857142857rem;
    line-height: 1.22;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    font-style: normal;
    margin-bottom: 10px
}

.services-list-item-container {
    display: flex
}

.services-list.animation.show .services-list-item {
    opacity: 1
}

.services-list.animation.hide .services-list-item {
    opacity: 0
}

.services-list.filters {
    overflow: unset;
    position: relative;
    padding: 20px 0;
    background: rgba(255, 255, 255, .5)
}

.services-list.filters .ish--form-item {
    width: 100%
}

.services-list.filters .services-list-item {
    min-height: 40px;
    background: 0 0;
    width: 100%;
    padding: 0;
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column
}

.services-list.filters .services-list-item:hover {
    box-shadow: none;
    background: 0 0
}

.services-list.filters .services-list-item-cell {
    padding: 0;
    width: 100%;
    margin-bottom: 10px
}

.services-list.filters .services-list-item-cell:before {
    content: none !important
}

.services-list.filters .services-list-item-cell:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .services-list.filters {
        padding: 20px 30px 20px
    }

    .services-list.filters .services-list-item {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .services-list.filters .services-list-item-cell {
        width: calc(50% - 5px)
    }
}

@media screen and (min-width: 992px) {
    .services-list.filters .services-list-item {
        flex-direction: row;
        flex-wrap: nowrap
    }

    .services-list.filters .services-list-item-cell {
        margin-right: 10px;
        margin-bottom: 0
    }

    .services-list.filters .services-list-item-cell:last-child {
        margin-right: 0
    }
}

.services-list.heading {
    display: none
}

.services-list.heading .services-list-item {
    background: 0 0;
    min-height: 30px;
    height: 30px
}

.services-list.heading .services-list-item:hover {
    box-shadow: none;
    background: 0 0
}

.services-list.heading .services-list-item-cell {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: .8571428571rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    color: #8b7b7f;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    line-height: 1.5;
    letter-spacing: .5px;
    text-transform: uppercase
}

@media screen and (min-width: 992px) {
    .services-list.heading {
        display: flex
    }
}

@media (max-width: 991.98px) {
    .services-list {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0
    }

    .services-list.compact {
        padding: 10px
    }

    .services-list-item {
        width: calc(50% - 10px);
        margin: 5px
    }

    .services-list-item:last-of-type {
        margin-bottom: 5px
    }
}

@media (max-width: 767.98px) {
    .services-list {
        margin: 0
    }

    .services-list-item {
        width: 100%;
        margin: 0 0 5px
    }

    .services-list-item:last-of-type {
        margin-bottom: 0
    }
}

.special-offers .services-list {
    background: 0 0;
    padding: 0
}

.special-offers .plans-wrapper .desc {
    color: rgba(255, 255, 255, .5)
}

.special-offers .tab {
    position: relative;
    z-index: 1
}

@media (max-width: 575.98px) {
    .special-offers .ish--row, .special-offers .row {
        margin-left: -20px;
        margin-right: -20px
    }
}

.services-list-cards {
    background: rgba(255, 255, 255, .5);
    overflow: hidden
}

.services-list-cards.animation {
    transition: opacity .3s ease-in-out
}

.services-list-cards.show {
    opacity: 1
}

.services-list-cards.hide {
    opacity: 0
}

.services-list-cards .ish--row, .services-list-cards .row {
    margin: 0 -5px;
    padding: 5px 10px
}

.services-list-cards .ish--row .col, .services-list-cards .ish--row .ish--col, .services-list-cards .ish--row [class^=col-], .services-list-cards .row .col, .services-list-cards .row .ish--col, .services-list-cards .row [class^=col-] {
    padding: 5px
}

.services-list-cards .more-plans-container {
    display: flex;
    padding: 20px 40px 40px
}

.services-list-cards .more-plans-container button {
    width: 100%;
    display: flex;
    justify-content: center
}

.services-list-cards-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    border-radius: 3px;
    background-color: #fff;
    padding: 30px 30px 40px;
    height: 100%
}

.services-list-cards-item .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.5714285714rem;
    line-height: 2.1428571429rem;
    color: #231f20;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 20px
}

.services-list-cards-item .title .label {
    display: flex;
    padding: 5px 10px;
    border-radius: 19px;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase
}

.services-list-cards-item .title .label.success {
    color: #048930;
    background-color: #f3f9f5
}

.services-list-cards-item .labels {
    display: flex;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #474747;
    margin-bottom: 20px
}

.services-list-cards-item .labels .location, .services-list-cards-item .labels .platform {
    display: flex;
    align-items: center
}

.services-list-cards-item .labels .location {
    position: relative;
    padding-right: 15px
}

.services-list-cards-item .labels .location .fi {
    width: 15px;
    line-height: 10px;
    margin-right: 5px
}

.services-list-cards-item .labels .location:after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    height: 10px;
    transform: translateY(-50%);
    width: 1px;
    background-color: rgba(71, 71, 71, .1)
}

.services-list-cards-item .labels .platform {
    padding-left: 15px
}

.services-list-cards-item .labels .platform .ish--tooltip__trigger {
    margin-right: 5px;
    text-transform: initial
}

.services-list-cards-item .labels .platform .ish--tooltip__trigger:last-child {
    margin-right: 0
}

.services-list-cards-item .labels .platform i {
    width: 12px;
    height: 12px;
    background-size: 100%;
    background-repeat: no-repeat
}



.services-list-cards-item .labels .platform svg {
    margin-right: 5px
}

.services-list-cards-item .price {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 20px
}

.services-list-cards-item .price .value {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 2.5714285714rem;
    line-height: 2.1428571429rem;
    color: #231f20;
    margin-right: 2px
}

.services-list-cards-item .price .period {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: rgba(71, 71, 71, .5)
}

.services-list-cards-item .meta {
    width: 100%;
    background-color: #f5f7fa;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-bottom: 20px
}

.services-list-cards-item .meta span {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747
}

.services-list-cards-item .specs {
    width: 100%;
    list-style: none;
    margin-bottom: 10px
}

.services-list-cards-item .specs-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0;
    border-top: 1px solid rgba(35, 31, 32, .05)
}

.services-list-cards-item .specs-item .value {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747
}

.services-list-cards-item .specs-item .type {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f;
    margin-left: 10px
}

.services-list-cards-item .controls {
    width: 100%;
    margin-bottom: 20px
}

.services-list-cards-item .controls .ish--btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.services-list-cards-item .tags {
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.services-list-cards-item .tags-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    background-color: rgba(71, 71, 71, .1);
    margin-right: 2px;
    margin-bottom: 2px
}

.services-list-cards-item .tags-item span {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    color: #474747;
    text-transform: uppercase
}

@media screen and (max-width: 767.98px) {
    .services-list-cards-item {
        padding: 20px 20px 30px
    }
}

.services-list-cards.filters {
    columns: unset;
    padding: 30px 30px 20px;
    border-bottom: 1px solid #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.services-list-cards.filters.tabs {
    justify-content: flex-start
}

.services-list-cards.filters.tabs .locations-block {
    margin-right: 20px
}

.services-list-cards.filters .locations-block, .services-list-cards.filters .platforms-block {
    display: flex;
    max-width: 100%
}

.services-list-cards.filters .tabs {
    list-style: none;
    display: flex;
    align-items: center;
    border-radius: 3px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.services-list-cards.filters .tabs::-webkit-scrollbar {
    display: none
}

.services-list-cards.filters .tabs-item {
    padding: 10px 15px;
    background-color: rgba(71, 71, 71, .1);
    transition: background-color .3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1px;
    cursor: pointer
}

.services-list-cards.filters .tabs-item span {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    text-align: center;
    color: #231f20;
    transition: color .3s ease-in-out;
    white-space: nowrap
}

.services-list-cards.filters .tabs-item.active, .services-list-cards.filters .tabs-item:hover {
    background-color: #474747
}

.services-list-cards.filters .tabs-item.active span, .services-list-cards.filters .tabs-item:hover span {
    color: #fff
}

.services-list-cards.filters .tabs-item.active {
    pointer-events: none
}

.services-list-cards.filters .tabs-item:first-child {
    border-radius: 3px 0 0 3px
}

.services-list-cards.filters .tabs-item:last-child {
    margin-right: 0;
    border-radius: 0 3px 3px 0
}

@media screen and (max-width: 1199.98px) {
    .services-list-cards.filters {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .services-list-cards.filters .tabs {
        overflow: scroll;
        max-width: 100%
    }

    .services-list-cards.filters .locations-block {
        margin-top: 20px
    }

    .services-list-cards.filters .platforms-block {
        margin-top: 20px
    }
}

@media screen and (max-width: 767.98px) {
    .services-list-cards.filters {
        padding: 20px
    }
}

.services-list-cards.preloader div {
    width: 100%
}

.services-list-cards.preloader div .location, .services-list-cards.preloader div .platform {
    width: 30%
}

.services-list-cards.preloader div .location::after, .services-list-cards.preloader div .platform::after {
    content: ".";
    color: transparent;
    width: 100%;
    background: #e0e0e0;
    display: inline-block
}

.services-list-cards.preloader div .location::after, .services-list-cards.preloader div .platform::after {
    height: 20px
}

.services-list-cards.preloader div .price .value {
    width: 20%
}

.services-list-cards.preloader div .price .value::after {
    content: ".";
    color: transparent;
    width: 100%;
    background: #e0e0e0;
    display: inline-block
}

.services-list-cards.preloader div .price .value::after {
    height: 30px
}

.services-list-cards.preloader div .price .period {
    width: 15%
}

.services-list-cards.preloader div .price .period::after {
    content: ".";
    color: transparent;
    width: 100%;
    background: #e0e0e0;
    display: inline-block
}

.services-list-cards.preloader div .price .period::after {
    height: 15px
}

.services-list-cards.preloader span.title::after {
    content: ".";
    color: transparent;
    width: 40%;
    background: #e0e0e0;
    display: inline-block
}

.services-list-cards.preloader span.title::after {
    height: 30px
}

.services-list-cards.preloader .specs-item::after {
    content: ".";
    color: transparent;
    width: 60%;
    background: #e0e0e0;
    display: inline-block
}

.services-list-cards.preloader .specs-item::after {
    height: 20px
}

.services-list-cards.preloader .tags {
    width: 100%
}

.services-list-cards.preloader .tags .tags-item {
    width: 32%
}

.services-list-cards.preloader .tags .tags-item::after {
    content: ".";
    color: transparent;
    width: 100%;
    background: #e0e0e0;
    display: inline-block
}

.services-list-cards.preloader .tags .tags-item::after {
    height: 15px
}

.services-list-cards.preloader .btn {
    padding: 0
}

.services-list-cards.preloader .btn::after {
    content: ".";
    color: transparent;
    width: 100%;
    background: #e0e0e0;
    display: inline-block
}

.services-list-cards.preloader .btn::after {
    height: 40px
}

.services-plans-group {
    background-color: #231f20;
    position: relative
}

.services-plans-group h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 20px
}

.services-plans-group .desc {
    display: block;
    max-width: 640px;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .services-plans-group .desc {
        max-width: 100%
    }
}

.services-plans-group ul {
    list-style: none
}

.services-plans-group .plans-wrapper {
    width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-top: 60px;
    padding-bottom: 60px
}

.services-plans-group .plans-wrapper[v-cloak] {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    min-height: 100vh
}

.services-plans-group .plans-wrapper .container, .services-plans-group .plans-wrapper .ish--grid {
    padding: 0 45px;
    margin-bottom: 0
}

.services-plans-group .plans-wrapper .container .image, .services-plans-group .plans-wrapper .ish--grid .image {
    position: absolute;
    top: 0;
    width: 50%;
    left: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: 0
}

@media (max-width: 767.98px) {
    .services-plans-group .plans-wrapper .container, .services-plans-group .plans-wrapper .ish--grid {
        padding: 0 30px
    }

    .services-plans-group .plans-wrapper .container .image, .services-plans-group .plans-wrapper .ish--grid .image {
        display: none
    }
}

@media (max-width: 575.98px) {
    .services-plans-group .plans-wrapper .container, .services-plans-group .plans-wrapper .ish--grid {
        padding: 0 20px
    }
}

.services-plans-group .plans-wrapper .tab .filters, .services-plans-group .plans-wrapper .tab .services-plans-configs-wrapper {
    display: none
}

.services-plans-group .plans-wrapper .tab.animation section {
    transition: opacity .3s ease-in-out
}

.services-plans-group .plans-wrapper .tab.show section {
    opacity: 1
}

.services-plans-group .plans-wrapper .tab.hide section {
    opacity: 0
}

.services-plans-group .plans-wrapper .more-details-link {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: normal;
    color: #fff;
    font-size: 1.1428571429rem;
    border: none;
    border-radius: 3px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, .1);
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    cursor: pointer;
    min-height: 40px;
    background: rgba(255, 255, 255, .1);
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 30px
}

.services-plans-group .plans-wrapper .more-details-link:hover {
    background: rgba(255, 255, 255, .3)
}

@media (max-width: 575.98px) {
    .services-plans-group .plans-wrapper .more-details-link {
        margin-top: 20px
    }
}

@media (max-width: 767.98px) {
    .services-plans-group .plans-wrapper {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (max-width: 575.98px) {
    .services-plans-group .plans-wrapper {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.services-plans-group .storage-configurator-wrapper, .services-plans-group .vps-plans-wrapper {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.services-plans-group .ish--tabs__nav {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row
}

.services-plans-group .ish--tabs__nav-item {
    display: flex;
    margin-bottom: 0;
    margin-right: 1px
}

.services-plans-group .ish--tabs__nav-item:first-child a {
    border-radius: 3px 0 0 3px
}

.services-plans-group .ish--tabs__nav-item:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.services-plans-group .ish--tabs__nav-item:last-child a {
    border-radius: 0 3px 3px 0
}

.services-plans-group .ish--tabs__nav-item--selected .ish--tabs__nav-link {
    background-color: #fff;
    color: #231f20
}

.services-plans-group .ish--tabs__nav-item--selected .ish--tabs__nav-link:hover {
    background-color: #fff
}

.services-plans-group .ish--tabs__nav-link {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: normal;
    color: #fff;
    font-size: 1.1428571429rem;
    border: none;
    border-radius: 3px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, .1);
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    cursor: pointer;
    min-height: 40px;
    font-size: 1rem;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    text-align: center;
    width: auto
}

.services-plans-group .ish--tabs__nav-link:hover {
    background: rgba(255, 255, 255, .3)
}

.services-plans-group .ish--tabs__nav-link:hover {
    background-color: rgba(255, 255, 255, .3)
}

.services-plans-list.heading {
    display: none
}

.services-plans-list .services-list-item-cell {
    display: flex;
    padding: 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column-reverse
}

.services-plans-list .services-list-item-cell.title {
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center
}

.services-plans-list .services-list-item-cell.title > span {
    margin: 0 0 5px;
    width: 100%
}

.services-plans-list .services-list-item-cell.title > span:last-child {
    margin-bottom: 0
}

.services-plans-list .services-list-item-cell.title > .main {
    font-style: normal;
    font-weight: 700;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    width: 80%
}

@media (max-width: 575.98px) {
    .services-plans-list .services-list-item-cell.title > .main {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.services-plans-list .services-list-item-cell.title > .main a {
    transition: color .3s ease-in-out
}

.services-plans-list .services-list-item-cell.title > .main a:hover {
    color: #1f5080
}

.services-plans-list .services-list-item-cell.title > .additional {
    font-size: .7142857143rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.2;
    color: #8b7b7f;
    text-transform: uppercase;
    vertical-align: baseline
}

.services-plans-list .services-list-item-cell.title > .additional .fi {
    margin-right: 4px
}

.services-plans-list .services-list-item-cell.price {
    color: #231f20
}

.services-plans-list .services-list-item-cell.controls a {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    margin-right: 10px;
    padding: 10px 15px;
    height: 40px;
    transition: color .1s ease-in-out, border .3s ease-in-out, background-color .3s ease-in-out
}

.services-plans-list .services-list-item-cell.controls a:hover {
    background: #87CEEB
}

.services-plans-list .services-list-item-cell.controls a:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

.services-plans-list .services-list-item-cell.controls a .light-text {
    text-transform: capitalize;
    font-weight: 300
}

.services-plans-list .services-list-item-cell.controls a.arrow {
    margin-right: 10px
}

.services-plans-list .services-list-item-cell.controls a.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.services-plans-list .services-list-item-cell.controls a.arrow:hover::before {
    border-left-color: #87CEEB
}

.services-plans-list .services-list-item-cell.controls a.arrow:disabled::before {
    border-left-color: #0938de
}

.services-plans-list .services-list-item-cell.controls a::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.services-plans-list .services-list-item-cell.controls a:hover::before {
    border-left-color: #87CEEB
}

.services-plans-list .services-list-item-cell.controls a:disabled::before {
    border-left-color: #0938de
}

.services-plans-list .services-list-item-cell.controls a > .ish--btn__icon {
    display: none
}

.services-plans-list .empty-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    z-index: 1;
    padding: 40px 10px;
    text-align: center
}

.services-plans-list .empty-list.show {
    opacity: 1
}

.services-plans-list .empty-list.hide {
    opacity: 0
}

.services-plans-list .empty-list.animation {
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out
}

.services-plans-list .empty-list.animation.reverse {
    transition: unset
}

.services-plans-list .empty-list svg {
    max-width: 140px;
    fill: #c6c6c6
}

.services-plans-list .empty-list span {
    margin-top: 25px;
    font-size: .9285714286rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: #9b9b9b;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    line-height: 1.4285714286rem
}

.services-plans-configs-wrapper .services-plans-configs {
    padding-right: 15px;
    padding-left: 15px;
    width: 100%
}

.services-plans-configs-wrapper .services-plans-configs-item {
    margin-bottom: 15px
}

.services-plans-configs-wrapper .services-plans-configs-item:last-child {
    margin-bottom: 0
}

.services-plans-wrapper.data-loading {
    position: relative
}

.services-plans-wrapper.data-loading > * {
    pointer-events: none
}

.services-plans-wrapper.data-loading:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 11000
}

.services-plans-wrapper.data-loading .services-plans-configs .ish--btn--ghost, .services-plans-wrapper.data-loading .services-plans-configs .ish--list-box__label, .services-plans-wrapper.data-loading .services-plans-configs .ish--list-box__selection--multi, .services-plans-wrapper.data-loading .services-plans-configs .ish--multi-select .ish--list-box__menu-item__option, .services-plans-wrapper.data-loading .services-plans-list.filters .ish--btn--ghost, .services-plans-wrapper.data-loading .services-plans-list.filters .ish--list-box__label, .services-plans-wrapper.data-loading .services-plans-list.filters .ish--list-box__selection--multi, .services-plans-wrapper.data-loading .services-plans-list.filters .ish--multi-select .ish--list-box__menu-item__option {
    opacity: .7
}

.services-plans-wrapper.data-loading .services-plans-configs .ish--slider__thumb, .services-plans-wrapper.data-loading .services-plans-list.filters .ish--slider__thumb {
    background-color: #ccc
}

.services-plans-wrapper.data-loading .services-plans-configs .ish--slider__filled-track, .services-plans-wrapper.data-loading .services-plans-list.filters .ish--slider__filled-track {
    background-color: rgba(71, 71, 71, .5)
}

.services-plans-wrapper.data-loading .services-plans-configs .ish--list-box__field::before, .services-plans-wrapper.data-loading .services-plans-list.filters .ish--list-box__field::before {
    border-color: transparent transparent #ccc
}

.services-plans-wrapper.data-loading .services-plans-configs .ish--list-box__field[aria-expanded=true]::before, .services-plans-wrapper.data-loading .services-plans-list.filters .ish--list-box__field[aria-expanded=true]::before {
    border-color: #ccc transparent transparent
}

.vps-plans-section .title-block {
    background-color: #fff;
    padding: 30px 30px 20px;
    margin-top: 30px
}

@media (max-width: 575.98px) {
    .vps-plans-section .title-block {
        padding: 20px;
        margin-top: 20px
    }
}

.vps-plans-section .title-block p {
    max-width: 640px
}

.vps-plans-section ul {
    list-style: none
}

.vps-plans-section .capabilities {
    margin-top: 1px;
    display: flex;
    flex-direction: column;
    padding: 20px 0 30px;
    background: rgba(255, 255, 255, .5)
}

.vps-plans-section .capabilities .head {
    display: flex;
    flex-direction: column;
    padding: 0 30px
}

@media (max-width: 575.98px) {
    .vps-plans-section .capabilities .head {
        padding: 0;
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px
    }

    .vps-plans-section .capabilities .head svg {
        margin-bottom: 0;
        margin-right: 20px
    }

    .vps-plans-section .capabilities .head h2 {
        margin-bottom: 0
    }
}

.vps-plans-section .capabilities .data {
    padding: 0 30px 20px
}

@media (max-width: 575.98px) {
    .vps-plans-section .capabilities .data {
        padding: 0 0 20px
    }
}

.vps-plans-section .capabilities .footer {
    display: flex;
    flex-direction: column
}

.vps-plans-section .capabilities .wrapper {
    display: flex;
    background-color: #f7f7f7;
    border-top: 1px solid #f7f7f7
}

.vps-plans-section .capabilities .wrapper .ish--row, .vps-plans-section .capabilities .wrapper .row {
    width: 100%;
    margin: -.5px
}

.vps-plans-section .capabilities .wrapper .ish--row .col, .vps-plans-section .capabilities .wrapper .ish--row .ish--col, .vps-plans-section .capabilities .wrapper .ish--row [class^=col-], .vps-plans-section .capabilities .wrapper .row .col, .vps-plans-section .capabilities .wrapper .row .ish--col, .vps-plans-section .capabilities .wrapper .row [class^=col-] {
    padding: .5px
}

@media (max-width: 1199.98px) {
    .vps-plans-section .capabilities .wrapper .ish--row .col, .vps-plans-section .capabilities .wrapper .ish--row .ish--col, .vps-plans-section .capabilities .wrapper .ish--row [class^=col-], .vps-plans-section .capabilities .wrapper .row .col, .vps-plans-section .capabilities .wrapper .row .ish--col, .vps-plans-section .capabilities .wrapper .row [class^=col-] {
        padding: .5px 0
    }
}

.vps-plans-section .capabilities .wrapper .capability {
    display: flex;
    flex-direction: column;
    padding: 20px 30px;
    background-color: rgba(255, 255, 255, .5);
    height: 100%
}

.vps-plans-section .capabilities .wrapper .capability .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.4285714286rem;
    line-height: 1.7142857143rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .vps-plans-section .capabilities .wrapper .capability .title {
        font-size: 1.2857142857rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .vps-plans-section .capabilities .wrapper .capability .title {
        font-size: 1.1428571429rem;
        line-height: 1.4285714286rem
    }
}

.vps-plans-section .capabilities .wrapper .capability .list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px
}

.vps-plans-section .capabilities .wrapper .capability .list-item:nth-child(2n+1) {
    background: rgba(71, 71, 71, .05)
}

.vps-plans-section .capabilities .wrapper .capability .list-item-title {
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

.vps-plans-section .capabilities .wrapper .capability .list-item-data {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal;
    padding-left: 20px;
    text-align: right
}

.vps-plans-section .capabilities .wrapper .capability .list-item.category {
    padding: 20px 10px 10px
}

.vps-plans-section .capabilities .wrapper .capability .list-item.category .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f;
    margin: 0
}

.vps-plans-section .capabilities .wrapper .capability .list.other .list-item:nth-child(2n+1) {
    background: unset
}

.vps-plans-section .capabilities .wrapper .capability .list.other .list-item:nth-child(2n) {
    background: rgba(71, 71, 71, .05)
}

.vps-plans-section .capabilities .wrapper .capability .list.other .list-item-data {
    flex-wrap: nowrap;
    white-space: nowrap
}

@media (max-width: 575.98px) {
    .vps-plans-section .capabilities .wrapper .capability {
        padding: 20px 0
    }
}

.vps-plans-section .capabilities .btn-wrapper {
    width: 100%;
    border-top: 1px solid #f7f7f7;
    padding: 20px 30px 0
}

.vps-plans-section .capabilities .btn-wrapper .btn-adds {
    cursor: pointer;
    display: flex;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.4285714286rem;
    color: #369;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    transition: color .3s ease-in-out
}

.vps-plans-section .capabilities .btn-wrapper .btn-adds:hover {
    color: #1f5080
}

@media (max-width: 575.98px) {
    .vps-plans-section .capabilities .btn-wrapper {
        padding: 20px 0 0
    }
}

.vps-plans-section .capabilities svg {
    margin-bottom: 20px;
    height: 40px;
    min-height: 40px;
    width: 40px;
    min-width: 40px
}

.vps-plans-section .capabilities h2 {
    margin-bottom: 20px
}

.vps-plans-section .capabilities p {
    max-width: 640px
}

@media (max-width: 575.98px) {
    .vps-plans-section .capabilities {
        padding: 20px
    }
}

.vps-plans-section .info {
    display: flex;
    padding: 30px;
    margin: 0 0 30px;
    gap: 30px;
    background-color: #0938de;
    align-items: center
}

.vps-plans-section .info i {
    width: 130px;
    min-width: 130px;
    height: 150px;
    background-size: 100% 100%;
}

.vps-plans-section .info .actions {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.vps-plans-section .info .data {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.vps-plans-section .info .data h3 {
    margin-bottom: 20px
}

.vps-plans-section .info .data p {
    max-width: 640px;
    color: #231f20
}

@media (max-width: 767.98px) {
    .vps-plans-section .info {
        flex-direction: column;
        align-items: flex-start
    }

    .vps-plans-section .info .actions {
        margin-left: 0;
        align-items: flex-start
    }
}

@media (max-width: 575.98px) {
    .vps-plans-section .info {
        padding: 20px;
        margin-bottom: 20px;
        gap: 20px
    }
}

.vps-plans-section .vps-plans-wrapper {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.vps-plans-section .vps-plans-wrapper[v-cloak] {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    min-height: 100vh
}

.other-plans-section {
    background: rgba(35, 31, 32, .05);
    padding: 30px 0;
    margin-bottom: 30px
}

.other-plans-section .head {
    padding: 30px 30px 20px
}

.other-plans-section .plans-type .col, .other-plans-section .plans-type .ish--col {
    padding-bottom: 30px
}

.other-plans-section .plans-type-card {
    background-color: #fff;
    padding: 30px;
    display: flex;
    height: 100%
}

.other-plans-section .plans-type-card .data {
    display: flex;
    flex-direction: column;
    padding-right: 30px
}

.other-plans-section .plans-type-card .data .desc, .other-plans-section .plans-type-card .data .title {
    margin-bottom: 20px
}

.other-plans-section .plans-type-card .data .controls {
    display: flex;
    align-items: center;
    margin-top: auto
}

.other-plans-section .plans-type-card .data .controls .price {
    display: flex;
    flex-direction: column;
    margin-left: 20px
}

.other-plans-section .plans-type-card .data .controls .price .option {
    margin-bottom: 5px
}

.other-plans-section .plans-type-card .image {
    width: 130px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px) {
    .other-plans-section .plans-type .col, .other-plans-section .plans-type .ish--col {
        padding-bottom: 20px
    }

    .other-plans-section .plans-type .plans-type-card {
        padding: 30px
    }
}

@media (max-width: 575.98px) {
    .other-plans-section .plans-type .data {
        padding: 0
    }

    .other-plans-section .plans-type .image {
        display: none
    }
}

@media (max-width: 575.98px) {
    .other-plans-section {
        padding: 20px 0;
        margin-bottom: 20px
    }

    .other-plans-section .head {
        padding: 0 0 20px
    }

    .other-plans-section .plans-type .plans-type-card {
        padding: 20px
    }
}

.vps-plans-list .services-list-item {
    flex-wrap: wrap;
    padding: 20px
}

.vps-plans-list .services-list-item-container {
    flex-wrap: wrap
}

.vps-plans-list .services-list-item-container.main {
    width: 100%
}

.vps-plans-list .services-list-item-container.additional {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start
}

@media screen and (max-width: 991.98px) {
    .vps-plans-list .services-list-item {
        flex-direction: column
    }

    .vps-plans-list .services-list-item .services-list-item-container.main .services-list-item-cell {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(71, 71, 71, .1)
    }

    .vps-plans-list .services-list-item .services-list-item-container.main .services-list-item-cell.title {
        padding-bottom: 0;
        border-bottom: none
    }

    .vps-plans-list .services-list-item .services-list-item-container.additional {
        flex-direction: column
    }

    .vps-plans-list .services-list-item .services-list-item-container.additional .services-list-item-cell.price {
        margin-left: 0
    }

    .vps-plans-list .services-list-item .services-list-item-container.additional .services-list-item-cell.controls {
        margin-top: 10px
    }

    .vps-plans-list .services-list-item .services-list-item-container.additional .services-list-item-cell.controls .ish--btn {
        width: 100%;
        justify-content: center
    }

    .vps-plans-list .services-list-item .services-list-item-container.additional .services-list-item-cell.controls .ish--btn:before {
        content: none
    }
}

@media screen and (max-width: 575.98px) {
    .vps-plans-list .services-list-item .services-list-item-container.main .services-list-item-cell {
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .vps-plans-list .services-list-item .services-list-item-container.main .services-list-item-cell.title {
        padding-bottom: 10px;
        border-bottom: none
    }

    .vps-plans-list .services-list-item .services-list-item-container.additional .services-list-item-cell.price {
        margin: 10px 0
    }

    .vps-plans-list .services-list-item .services-list-item-container.additional .services-list-item-cell.controls {
        margin-top: 0
    }
}

.vps-plans-list .services-list-item-cell {
    display: flex;
    justify-content: center;
    padding: 0;
    margin-bottom: 10px;
    position: relative
}

.vps-plans-list .services-list-item-cell .value {
    margin-bottom: 4px
}

.vps-plans-list .services-list-item-cell:last-child {
    margin-bottom: 0
}

.vps-plans-list .services-list-item-cell.controls, .vps-plans-list .services-list-item-cell.cpu, .vps-plans-list .services-list-item-cell.drive, .vps-plans-list .services-list-item-cell.price, .vps-plans-list .services-list-item-cell.ram, .vps-plans-list .services-list-item-cell.title {
    width: 100%
}

@media screen and (min-width: 992px) {
    .vps-plans-list .services-list-item-cell.cpu:before, .vps-plans-list .services-list-item-cell.ram:before {
        content: "";
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        height: 20px;
        width: 1px;
        background: rgba(71, 71, 71, .1)
    }
}

.vps-plans-list .services-list-item-cell.price {
    justify-content: flex-start;
    margin: 20px 0
}

@media (max-width: 575.98px) {
    .vps-plans-list .services-list-item-cell:not(.details), .vps-plans-list .services-list-item-cell:not(.title) {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center
    }

    .vps-plans-list .services-list-item-cell:not(.details) .type, .vps-plans-list .services-list-item-cell:not(.title) .type {
        display: flex;
        min-width: 45px
    }

    .vps-plans-list .services-list-item-cell:not(.details) .type .panel, .vps-plans-list .services-list-item-cell:not(.title) .type .panel {
        display: flex;
        margin-right: 5px
    }

    .vps-plans-list .services-list-item-cell:not(.details) .value, .vps-plans-list .services-list-item-cell:not(.title) .value {
        margin-bottom: 0
    }

    .vps-plans-list .services-list-item-cell:not(.details).price, .vps-plans-list .services-list-item-cell:not(.title).price {
        flex-direction: row-reverse;
        justify-content: flex-end
    }
}

@media screen and (min-width: 576px) {
    .vps-plans-list .services-list-item {
        flex-wrap: wrap;
        padding: 20px
    }

    .vps-plans-list .services-list-item-container.main {
        width: unset;
        flex: 1
    }

    .vps-plans-list .services-list-item-container.additional {
        width: unset;
        flex: 0;
        flex-direction: column-reverse;
        justify-content: flex-end
    }

    .vps-plans-list .services-list-item-cell.price {
        margin: 10px 0 10px 15px;
        font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-stretch: normal;
        font-style: normal;
        font-weight: 700;
        letter-spacing: normal;
        vertical-align: baseline;
        line-height: 1.4285714286rem;
        color: #231f20
    }

    .vps-plans-list .services-list-item-cell.price .type {
        text-align: right
    }
}

@media screen and (max-width: 991.98px) {
    .vps-plans-list .services-list-item-cell.title {
        margin-bottom: 15px
    }

    .vps-plans-list .services-list-item-cell.price .type {
        text-align: left
    }
}

@media screen and (min-width: 992px) {
    .vps-plans-list .services-list-item {
        flex-wrap: nowrap;
        padding: 0
    }

    .vps-plans-list .services-list-item-container {
        flex-wrap: wrap
    }

    .vps-plans-list .services-list-item-container.main {
        width: 65%;
        flex: unset
    }

    .vps-plans-list .services-list-item-container.additional {
        width: 35%;
        flex: unset;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: nowrap
    }

    .vps-plans-list .services-list-item-cell {
        padding: 30px 20px;
        margin: 0
    }

    .vps-plans-list .services-list-item-cell.title {
        padding-left: 30px;
        width: 32%
    }

    .vps-plans-list .services-list-item-cell.cpu {
        width: 30%
    }

    .vps-plans-list .services-list-item-cell.ram {
        width: 18%
    }

    .vps-plans-list .services-list-item-cell.drive {
        width: 20%
    }

    .vps-plans-list .services-list-item-cell.price {
        display: flex;
        align-items: end;
        justify-content: center;
        width: auto;
        margin: 0;
        flex: 1
    }

    .vps-plans-list .services-list-item-cell.controls {
        min-width: 150px;
        width: auto;
        padding-right: 30px;
        align-items: end
    }
}

.vps-plans-list.preloader .services-list-item-cell.title .additional::after, .vps-plans-list.preloader .services-list-item-cell.title .main::after {
    content: ".";
    color: transparent;
    width: 75%;
    background: #e0e0e0;
    display: inline-block
}

.vps-plans-list.preloader .services-list-item-cell.cpu::after, .vps-plans-list.preloader .services-list-item-cell.drive::after, .vps-plans-list.preloader .services-list-item-cell.ram::after {
    content: ".";
    color: transparent;
    width: 75%;
    background: #e0e0e0;
    display: inline-block
}

.vps-plans-list.preloader .services-list-item-cell.price::after {
    content: ".";
    color: transparent;
    width: 120px;
    background: #e0e0e0;
    display: inline-block
}

.vps-plans-list.preloader .services-list-item-cell.controls::after {
    content: ".";
    color: transparent;
    width: 100%;
    background: #e0e0e0;
    display: inline-block
}

.vps-plans-list.preloader .services-list-item-cell.controls::after {
    height: 50px
}

@media screen and (max-width: 991.98px) {
    .vps-plans-list.preloader .services-list-item-cell.price {
        margin-left: 0
    }
}

.vps-plans-list.filters {
    padding: 30px 30px 20px
}

.vps-plans-list.filters .services-list-item-cell {
    width: 100%
}

.vps-plans-list.filters .services-list-item-cell.title {
    padding-left: 0
}

.vps-plans-list.filters .services-list-item-cell.ram {
    display: none
}

@media screen and (min-width: 768px) {
    .vps-plans-list.filters .services-list-item-cell {
        width: calc(50% - 5px)
    }
}

@media screen and (min-width: 992px) {
    .vps-plans-list.filters .services-list-item-cell {
        margin-right: 10px
    }

    .vps-plans-list.filters .services-list-item-cell:last-child {
        margin-right: 0
    }

    .vps-plans-list.filters .services-list-item-cell.ram {
        display: flex;
        margin-right: auto
    }

    .vps-plans-list.filters .services-list-item-cell.cpu, .vps-plans-list.filters .services-list-item-cell.drive, .vps-plans-list.filters .services-list-item-cell.period, .vps-plans-list.filters .services-list-item-cell.title {
        width: 210px
    }
}

@media (max-width: 575.98px) {
    .vps-plans-list.filters {
        padding: 20px
    }
}

.plans-other-configuration {
    margin-top: 30px
}

.plans-other-configuration .other-configuration-block {
    display: flex;
    padding: 30px;
    background-color: #fff
}

.plans-other-configuration .other-configuration-block .icon {
    padding: 25px;
    border-radius: 3px;
    background-color: rgba(35, 31, 32, .05);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px
}

.plans-other-configuration .other-configuration-block .data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    padding-right: 10px
}

.plans-other-configuration .other-configuration-block .data .title {
    display: flex;
    align-items: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.7142857143rem;
    line-height: 1.7142857143rem;
    color: #231f20;
    margin-bottom: 15px
}

.plans-other-configuration .other-configuration-block .data .title svg {
    display: none
}

@media (max-width: 767.98px) {
    .plans-other-configuration .other-configuration-block .data .title {
        font-size: 1.5714285714rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .plans-other-configuration .other-configuration-block .data .title {
        font-size: 1.4285714286rem;
        line-height: 1.4285714286rem
    }
}

.plans-other-configuration .other-configuration-block .data .text {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747
}

.plans-other-configuration .other-configuration-block .link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto
}

@media (max-width: 767.98px) {
    .plans-other-configuration .other-configuration-block .link .ish--btn--primary.arrow {
        justify-content: center;
        margin-right: 0
    }

    .plans-other-configuration .other-configuration-block .link .ish--btn--primary.arrow:before {
        content: unset
    }
}

@media (max-width: 767.98px) {
    .plans-other-configuration .other-configuration-block {
        flex-direction: column;
        padding: 20px
    }

    .plans-other-configuration .other-configuration-block .icon {
        padding: 20px;
        margin-right: 0;
        align-self: start
    }

    .plans-other-configuration .other-configuration-block .data {
        padding: 20px 0
    }

    .plans-other-configuration .other-configuration-block .link {
        margin-left: 0
    }
}

@media (max-width: 575.98px) {
    .plans-other-configuration .other-configuration-block .icon {
        display: none
    }

    .plans-other-configuration .other-configuration-block .data {
        padding: 0 0 20px
    }

    .plans-other-configuration .other-configuration-block .data .title {
        margin-bottom: 20px
    }

    .plans-other-configuration .other-configuration-block .data .title svg {
        display: flex;
        margin-right: 20px
    }
}

@media screen and (max-width: 767.98px) {
    .plans-other-configuration {
        margin-top: 20px
    }
}

.homepage-main-features-section {
    margin-bottom: 30px
}

@media (max-width: 575.98px) {
    .homepage-main-features-section {
        margin-bottom: 20px
    }
}

.homepage-main-features-section.vps {
    margin-top: 30px;
    margin-bottom: 0
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vps {
        margin-top: 20px
    }
}

.homepage-main-features-section.vps .head {
    background-color: #fff;
    padding: 30px 30px 20px
}

.homepage-main-features-section.vps .head h2 {
    margin: 0
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vps .head {
        padding: 20px
    }
}

.homepage-main-features-section.vps .main .ish--row, .homepage-main-features-section.vps .main .row {
    margin: -.5px
}

.homepage-main-features-section.vps .main .ish--row [class^=col-], .homepage-main-features-section.vps .main .row [class^=col-] {
    padding: .5px
}

.homepage-main-features-section.vps .main [class^=col-] .main-info {
    padding: 20px 30px
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vps .main [class^=col-] .main-info {
        padding: 20px
    }
}

.homepage-main-features-section.vps .main [class^=col-]:first-child .main-info {
    padding-top: 30px
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vps .main [class^=col-]:first-child .main-info {
        padding-top: 20px
    }
}

.homepage-main-features-section.vps .main [class^=col-]:last-child .main-info {
    padding-bottom: 30px
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vps .main [class^=col-]:last-child .main-info {
        padding-bottom: 20px
    }
}

.homepage-main-features-section.vps .main .main-info {
    background-color: #fff
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vps .main .main-info {
        padding: 20px
    }
}

.homepage-main-features-section.vps .main .main-info .data {
    display: flex;
    flex-direction: column
}

.homepage-main-features-section.vps .main .main-info .h2 {
    margin-bottom: 15px
}

.homepage-main-features-section.vps .main .main-info .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vps .main .main-info .desc {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.homepage-main-features-section.vps .main .main-info .ish--row, .homepage-main-features-section.vps .main .main-info .row {
    margin: -15px
}

.homepage-main-features-section.vps .main .main-info .ish--row [class^=col-], .homepage-main-features-section.vps .main .main-info .row [class^=col-] {
    padding: 15px
}

.homepage-main-features-section.vps .main .main-info.tile {
    background-color: transparent;
    padding: 0
}

.homepage-main-features-section.vps .main .main-info.tile .h2 {
    font-size: 1.4285714286rem !important;
    line-height: 1.7142857143rem !important
}

.homepage-main-features-section.vps .main .main-info.tile .ish--row, .homepage-main-features-section.vps .main .main-info.tile .row {
    margin: -.5px
}

.homepage-main-features-section.vps .main .main-info.tile .ish--row .col, .homepage-main-features-section.vps .main .main-info.tile .ish--row .ish--col, .homepage-main-features-section.vps .main .main-info.tile .ish--row [class^=col-], .homepage-main-features-section.vps .main .main-info.tile .row .col, .homepage-main-features-section.vps .main .main-info.tile .row .ish--col, .homepage-main-features-section.vps .main .main-info.tile .row [class^=col-] {
    padding: .5px
}

.homepage-main-features-section.vps .main .main-info.tile .data {
    padding: 20px 30px;
    background-color: #fff;
    height: 100%
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vps .main .main-info.tile .data {
        padding: 20px
    }
}

.homepage-main-features-section.vps .main .main-info .image {
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    min-height: 135px;
    border-radius: 3px
}


@media (max-width: 991.98px) {
    .homepage-main-features-section.vps .main .main-info .image-wrapper {
        display: none
    }
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vps .main .main-info {
        padding: 20px
    }
}

.vps-locations-section .section {
    padding: 30px
}

.vps-locations-section .section .ish--row, .vps-locations-section .section .row {
    width: 100%;
    margin: -5px 0
}

.vps-locations-section .section .ish--row .col, .vps-locations-section .section .ish--row .ish--col, .vps-locations-section .section .ish--row [class^=col-], .vps-locations-section .section .row .col, .vps-locations-section .section .row .ish--col, .vps-locations-section .section .row [class^=col-] {
    padding: 5px 0
}

@media screen and (max-width: 767.98px) {
    .vps-locations-section .section .ish--row, .vps-locations-section .section .row {
        margin: 0
    }

    .vps-locations-section .section .ish--row .col, .vps-locations-section .section .ish--row .ish--col, .vps-locations-section .section .ish--row [class^=col-], .vps-locations-section .section .row .col, .vps-locations-section .section .row .ish--col, .vps-locations-section .section .row [class^=col-] {
        padding: 0
    }
}

.vps-locations-section .section .data .location-block {
    display: flex;
    flex-direction: column
}

.vps-locations-section .section .data .location-block .category-title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f;
    color: #8b7b7f;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    margin-top: 20px;
    padding-bottom: 10px
}

.vps-locations-section .section .data .location-block .category-title.link {
    color: #369;
    transition: color .3s ease-in-out
}

.vps-locations-section .section .data .location-block .category-title.link:hover {
    color: #1f5080
}

.vps-locations-section .section .data .list-item {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 10px 15px 10px 0
}

.vps-locations-section .section .data .list-item .fi, .vps-locations-section .section .data .list-item svg {
    margin-right: 10px
}

.vps-locations-section .section .data .list-item .title {
    overflow: hidden;
    color: #369;
    transition: color .3s ease-in-out;
    text-overflow: ellipsis;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap
}

.vps-locations-section .section .data .list-item:hover .title {
    color: #1f5080
}

@media screen and (max-width: 575.98px) {
    .vps-locations-section .section {
        padding: 20px
    }
}

.vpn-plans-section {
    margin-top: 30px
}

.vpn-plans-section ul {
    list-style: none
}

.vpn-plans-section .vpn-plans-wrapper {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.vpn-plans-section .vpn-plans-wrapper[v-cloak] {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    min-height: 100vh
}

@media screen and (max-width: 575.98px) {
    .vpn-plans-section .vpn-plans-wrapper {
        margin-bottom: 20px
    }
}

.vpn-plans-section .vpn-plans-wrapper .desc {
    max-width: 640px
}

.vpn-plans-section .vpn-plans-wrapper .head {
    background-color: #fff;
    padding: 30px 30px 20px
}

@media (max-width: 575.98px) {
    .vpn-plans-section .vpn-plans-wrapper .head {
        padding: 20px
    }
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list {
    margin-top: 0;
    flex-direction: row
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .ish--row, .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .row {
    margin: -5px
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .ish--row [class^=col-], .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .row [class^=col-] {
    padding: 5px
}

@media (max-width: 991.98px) {
    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .ish--row, .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .row {
        margin: 0
    }

    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .ish--row [class^=col-], .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .row [class^=col-] {
        padding: 10px
    }

    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .ish--row [class^=col-] .services-list-item, .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .row [class^=col-] .services-list-item {
        margin: 0
    }

    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .ish--row [class^=col-]:last-child, .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .row [class^=col-]:last-child {
        padding-top: 0
    }
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item {
    display: flex;
    flex-direction: column;
    padding: 30px 30px 40px;
    position: relative;
    height: 100%
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .amnezia-link {
    margin-left: 20px;
    display: flex;
    align-self: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.4285714286rem;
    text-align: center;
    color: #369;
    transition: color .3s ease-in-out
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .amnezia-link:hover {
    color: #1f5080
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .plan-info {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    height: 100%
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .plan-info .info {
    display: flex;
    flex-direction: column;
    width: 50%;
    flex: 1;
    padding-right: 30px
}

@media (max-width: 767.98px) {
    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .plan-info .info {
        padding-right: 0
    }
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .plan-info .image {
    min-width: 180px
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .plan-info .image svg {
    border-radius: 3px
}

@media (max-width: 767.98px) {
    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .plan-info .image {
        display: none
    }
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .offer {
    background: rgba(4, 137, 48, .05);
    border-radius: 5px;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px 15px;
    margin-bottom: 20px
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .offer .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #048930;
    text-transform: uppercase;
    margin-bottom: 4px
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .offer .text {
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .cover-image {
    position: absolute;
    top: 1rem;
    right: 1rem;
    fill: #f4f4f4;
    z-index: 0
}

@media (max-width: 767.98px) {
    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .cover-image {
        display: none
    }
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row {
    display: flex;
    z-index: 1
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.7142857143rem;
    line-height: 1.7142857143rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row .title {
        font-size: 1.5714285714rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row .title {
        font-size: 1.4285714286rem;
        line-height: 1.4285714286rem
    }
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal;
    margin-bottom: 30px
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row .desc a {
    color: #369;
    transition: color .3s ease-in-out
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row .desc a:hover {
    color: #1f5080
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row.price {
    display: flex;
    flex-direction: column;
    margin-top: auto
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row.price .option--price {
    margin-bottom: 10px;
    padding: 0;
    display: flex;
    align-items: flex-start
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row.price .option--price .currency, .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row.price .option--price .float {
    font-style: normal;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif
}

@media (max-width: 575.98px) {
    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row.price .option--price .currency, .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row.price .option--price .float {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row.price .option--price .int {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 3.1428571429rem
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row.price .option--date {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f;
    text-transform: uppercase !important
}

@media screen and (max-width: 575.98px) {
    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row.price {
        flex-direction: row;
        align-items: end
    }

    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row.price .option--price {
        margin-bottom: 0
    }

    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row.price .option--date {
        margin-bottom: 5px
    }
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item .services-list-item-row a > .ish--btn__icon {
    display: none
}

@media (max-width: 991.98px) {
    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item {
        width: 100%
    }
}

@media (max-width: 575.98px) {
    .vpn-plans-section .vpn-plans-wrapper .vpn-plans-list .services-list-item {
        padding: 20px
    }
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item .cover-image {
    width: 35%
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row .title {
    margin-bottom: 15px
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row .title::after {
    content: ".";
    color: transparent;
    width: 240px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row .option {
    margin-bottom: 10px
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row .option--title::after {
    content: ".";
    color: transparent;
    width: 120px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row .option--name::after {
    content: ".";
    color: transparent;
    width: 120px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row .option--value.short::after {
    content: ".";
    color: transparent;
    width: 80px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row .option--value.medium::after {
    content: ".";
    color: transparent;
    width: 120px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row .option--value.long::after {
    content: ".";
    color: transparent;
    width: 200px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row .option--price {
    margin-top: 40px;
    height: 40px
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row .option--price::after {
    content: ".";
    color: transparent;
    width: 40px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row .option--price::after {
    height: 100%
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row .option--subprice::after {
    content: ".";
    color: transparent;
    width: 80px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row.controls .btn {
    width: 100px;
    height: 100%;
    padding: 0;
    pointer-events: none
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row.controls .btn::after {
    content: ".";
    color: transparent;
    width: 100%;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-section .vpn-plans-wrapper .vpn-plans-list.preloader .services-list-item-row.controls .btn::after {
    height: 100%
}

.vpn-plans-section .vpn-configurator-wrapper {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-bottom: 60px
}

.vpn-plans-section .vpn-configurator-wrapper[v-cloak] {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    min-height: 100vh
}

@media (max-width: 575.98px) {
    .vpn-plans-section {
        margin-top: 20px
    }
}

.special-offers .vpn-plans-wrapper {
    background: 0 0;
    padding: 0 15px
}

.special-offers .vpn-plans-wrapper .vpn-plans-list-wrapper {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell.title {
    max-width: 35%
}

.special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell.title > .main {
    width: 100%
}

@media (min-width: 992px) {
    .special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell.title {
        padding: 30px 20px 30px 30px
    }
}

.special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell.desc .value {
    color: #474747
}

@media (min-width: 992px) {
    .special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell.controls {
        padding-right: 30px
    }
}

.special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell.desc {
    max-width: 65%;
    flex-direction: column;
    margin-top: 20px
}

.special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell.price {
    color: #231f20;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: flex-end
}

.special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell.price .type {
    text-align: right
}

@media (max-width: 991.98px) {
    .special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell.price {
        align-items: flex-start
    }

    .special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell.price .type {
        text-align: left
    }
}

@media (max-width: 575.98px) {
    .special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell.price {
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-end
    }
}

@media (max-width: 991.98px) {
    .special-offers .vpn-plans-wrapper .vpn-plans-list {
        flex-direction: column
    }

    .special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-container {
        display: flex;
        flex-direction: column
    }

    .special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item {
        padding: 30px;
        flex-direction: column;
        width: 100%
    }

    .special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell {
        padding: 0
    }

    .special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell.title {
        max-width: unset
    }

    .special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell.desc {
        max-width: unset;
        margin-top: 20px
    }

    .special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item-cell.controls {
        margin-top: 20px
    }
}

@media (max-width: 767.98px) {
    .special-offers .vpn-plans-wrapper .vpn-plans-list .services-list-item {
        padding: 20px
    }
}

.vpn-configurator-wrapper .card:not(.selected) .card-heading {
    display: none
}

.features-section.vpn {
    background-color: transparent
}

.features-section.vpn .btn-wrapper, .features-section.vpn .wrapper {
    background-color: rgba(255, 255, 255, .5)
}

@media (max-width: 575.98px) {
    .features-section.vpn .features-container {
        padding: 0
    }
}

@media (max-width: 575.98px) {
    .features-section.vpn .wrapper {
        padding: 20px
    }
}

.features-section.vpn .btn-wrapper {
    padding-left: 30px;
    padding-right: 30px
}

.features-section.vpn .btn-wrapper .btn-adds {
    align-self: start
}

@media (max-width: 575.98px) {
    .features-section.vpn .btn-wrapper {
        padding-left: 20px;
        padding-right: 20px
    }
}

.vpn-features-section {
    margin-top: 30px
}

.vpn-features-section .desc {
    max-width: 640px
}

@media (max-width: 575.98px) {
    .vpn-features-section {
        margin-top: 20px
    }
}

.vpn-features-section .head {
    background-color: #fff;
    padding: 30px 30px 20px
}

.vpn-features-section .head h2 {
    margin: 0
}

@media (max-width: 575.98px) {
    .vpn-features-section .head {
        padding: 20px
    }
}

.vpn-features-section .main .ish--row, .vpn-features-section .main .row {
    margin: -.5px
}

.vpn-features-section .main .ish--row [class^=col-], .vpn-features-section .main .row [class^=col-] {
    padding: .5px
}

.vpn-features-section .main [class^=col-] .main-info {
    padding: 20px 30px 30px
}

@media (max-width: 767.98px) {
    .vpn-features-section .main [class^=col-] .main-info {
        padding: 20px 30px
    }

    .vpn-features-section .main [class^=col-]:last-child .main-info {
        padding: 20px 30px 30px
    }
}

@media (max-width: 575.98px) {
    .vpn-features-section .main [class^=col-] .main-info {
        padding: 20px
    }

    .vpn-features-section .main [class^=col-]:last-child .main-info {
        padding: 20px 20px 30px
    }
}

.vpn-features-section .main .main-info {
    background-color: #fff;
    height: 100%
}

.vpn-features-section .main .main-info svg {
    flex: 1;
    width: 100%;
    border-radius: 1.6px;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .vpn-features-section .main .main-info svg {
        margin-bottom: 0;
        margin-right: 20px
    }
}

@media (max-width: 575.98px) {
    .vpn-features-section .main .main-info svg {
        margin-right: 0;
        margin-bottom: 20px
    }
}

.vpn-features-section .main .main-info span {
    flex: 1
}

.vpn-features-section .main .main-info .h3 {
    margin-top: 15px
}

.vpn-features-section .main .main-info .h2 {
    margin-bottom: 20px
}

.vpn-features-section .main .main-info .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .vpn-features-section .main .main-info .desc {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.vpn-features-section .main .main-info .ish--row, .vpn-features-section .main .main-info .row {
    margin: -15px
}

.vpn-features-section .main .main-info .ish--row [class^=col-], .vpn-features-section .main .main-info .row [class^=col-] {
    padding: 15px
}

@media (max-width: 767.98px) {
    .vpn-features-section .main .main-info {
        display: flex
    }
}

@media (max-width: 575.98px) {
    .vpn-features-section .main .main-info {
        display: block;
        padding: 20px
    }
}

.homepage-main-features-section {
    margin-bottom: 30px
}

@media (max-width: 575.98px) {
    .homepage-main-features-section {
        margin-bottom: 20px
    }
}

.homepage-main-features-section.vpn {
    margin-top: 30px;
    margin-bottom: 0
}

.homepage-main-features-section.vpn .desc {
    max-width: 640px
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vpn {
        margin-top: 20px
    }
}

.homepage-main-features-section.vpn .head {
    background-color: #fff;
    padding: 30px 30px 20px
}

.homepage-main-features-section.vpn .head h2 {
    margin: 0
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vpn .head {
        padding: 20px
    }
}

.homepage-main-features-section.vpn .main .ish--row, .homepage-main-features-section.vpn .main .row {
    margin: -.5px
}

.homepage-main-features-section.vpn .main .ish--row [class^=col-], .homepage-main-features-section.vpn .main .row [class^=col-] {
    padding: .5px
}

.homepage-main-features-section.vpn .main [class^=col-] .main-info {
    padding: 20px 30px
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vpn .main [class^=col-] .main-info {
        padding: 20px
    }
}

.homepage-main-features-section.vpn .main [class^=col-]:first-child .main-info {
    padding-top: 30px
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vpn .main [class^=col-]:first-child .main-info {
        padding-top: 20px
    }
}

.homepage-main-features-section.vpn .main [class^=col-]:last-child .main-info {
    padding-bottom: 30px
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vpn .main [class^=col-]:last-child .main-info {
        padding-bottom: 20px
    }
}

.homepage-main-features-section.vpn .main .main-info {
    background-color: #fff
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vpn .main .main-info {
        padding: 20px
    }
}

.homepage-main-features-section.vpn .main .main-info .data {
    display: flex;
    flex-direction: column
}

.homepage-main-features-section.vpn .main .main-info .h3 {
    margin-top: 15px
}

.homepage-main-features-section.vpn .main .main-info .links {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap
}

.homepage-main-features-section.vpn .main .main-info .links a {
    margin-top: 10px;
    margin-right: 20px;
    color: #369;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5714285714rem;
    transition: color .3s ease-in-out
}

.homepage-main-features-section.vpn .main .main-info .links a:last-child {
    margin-right: 0
}

.homepage-main-features-section.vpn .main .main-info .links a:hover {
    color: #1f5080
}

.homepage-main-features-section.vpn .main .main-info .icons {
    margin-top: 20px;
    display: flex
}

.homepage-main-features-section.vpn .main .main-info .icons span.img {
    width: 40px;
    height: 40px;
    margin-right: 15px
}


.homepage-main-features-section.vpn .main .main-info .icons span.img:last-child {
    margin-right: 0
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vpn .main .main-info .icons span.img {
        margin-right: 10px
    }
}

.homepage-main-features-section.vpn .main .main-info .h2 {
    margin-bottom: 20px
}

.homepage-main-features-section.vpn .main .main-info .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vpn .main .main-info .desc {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.homepage-main-features-section.vpn .main .main-info .ish--row, .homepage-main-features-section.vpn .main .main-info .row {
    margin: -15px
}

.homepage-main-features-section.vpn .main .main-info .ish--row [class^=col-], .homepage-main-features-section.vpn .main .main-info .row [class^=col-] {
    padding: 15px
}

.homepage-main-features-section.vpn .main .main-info.tile {
    background-color: transparent;
    padding: 0
}

.homepage-main-features-section.vpn .main .main-info.tile .h2 {
    font-size: 1.4285714286rem !important;
    line-height: 1.7142857143rem !important
}

.homepage-main-features-section.vpn .main .main-info.tile .ish--row, .homepage-main-features-section.vpn .main .main-info.tile .row {
    margin: -.5px
}

.homepage-main-features-section.vpn .main .main-info.tile .ish--row .col, .homepage-main-features-section.vpn .main .main-info.tile .ish--row .ish--col, .homepage-main-features-section.vpn .main .main-info.tile .ish--row [class^=col-], .homepage-main-features-section.vpn .main .main-info.tile .row .col, .homepage-main-features-section.vpn .main .main-info.tile .row .ish--col, .homepage-main-features-section.vpn .main .main-info.tile .row [class^=col-] {
    padding: .5px
}

.homepage-main-features-section.vpn .main .main-info.tile .data {
    padding: 20px 30px;
    background-color: #fff;
    height: 100%
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vpn .main .main-info.tile .data {
        padding: 20px
    }
}

.homepage-main-features-section.vpn .main .main-info .image {
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    border-radius: 3px
}



@media (max-width: 991.98px) {
    .homepage-main-features-section.vpn .main .main-info .image-wrapper {
        display: none
    }
}

@media (max-width: 575.98px) {
    .homepage-main-features-section.vpn .main .main-info {
        padding: 20px
    }
}

.protocols-section {
    margin-top: 30px
}

@media (max-width: 575.98px) {
    .protocols-section {
        margin-top: 20px
    }
}

.protocols-section .caption {
    background-color: #fff;
    padding: 20px 30px 30px
}

.protocols-section .caption span {
    color: #474747;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4285714286rem
}

.protocols-section .info {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 30px 30px 20px
}

.protocols-section .info .title {
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.7142857143rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.7142857143rem;
    margin-bottom: 20px
}

@media (max-width: 575.98px) {
    .protocols-section .info .title {
        font-size: 1.4285714286rem
    }
}

.protocols-section .info .desc {
    color: #474747;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.5714285714rem;
    font-style: normal;
    line-height: 2.1428571429rem;
    font-weight: 400;
    margin-bottom: 0;
    max-width: 60%
}

@media screen and (max-width: 991.98px) {
    .protocols-section .info .desc {
        max-width: 100%
    }
}

@media screen and (max-width: 767.98px) {
    .protocols-section .info .desc {
        font-size: 1.2857142857rem;
        line-height: 1.7142857143rem
    }
}

@media screen and (max-width: 575.98px) {
    .protocols-section .info .desc {
        font-size: 1.1428571429rem;
        line-height: 1.5714285714rem
    }
}

@media screen and (max-width: 575.98px) {
    .protocols-section .info {
        padding: 20px
    }
}

.protocols-section .main {
    background-color: rgba(255, 255, 255, .5);
    margin-top: 1px;
    margin-bottom: 1px
}

.protocols-section .main .ish--row, .protocols-section .main .row {
    margin: -.5px;
    flex-wrap: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.protocols-section .main .ish--row::-webkit-scrollbar, .protocols-section .main .row::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: 0 0
}

.protocols-section .main .ish--row .col, .protocols-section .main .ish--row .ish--col, .protocols-section .main .ish--row [class^=col-], .protocols-section .main .row .col, .protocols-section .main .row .ish--col, .protocols-section .main .row [class^=col-] {
    padding: .5px;
    width: 20%;
    min-width: 14.125rem;
    max-width: 20%
}

.protocols-section .main .ish--row a.protocol-item, .protocols-section .main .row a.protocol-item {
    transition: background-color .3s ease-in-out;
    height: 100%
}

.protocols-section .main .ish--row a.protocol-item:hover, .protocols-section .main .row a.protocol-item:hover {
    background-color: #fff
}

.protocols-section .main .ish--row .protocol-item, .protocols-section .main .row .protocol-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px
}

.protocols-section .main .ish--row .protocol-item .img, .protocols-section .main .row .protocol-item .img {
    width: 40px;
    height: 40px;
    background-position: center;
    margin-bottom: 10px
}



.protocols-section .main .ish--row .protocol-item .img:last-child, .protocols-section .main .row .protocol-item .img:last-child {
    margin-right: 0
}

.protocols-section .main .ish--row .protocol-item .title, .protocols-section .main .row .protocol-item .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    font-weight: 600;
    line-height: 1.5714285714rem;
    margin-bottom: 20px
}

.protocols-section .main .ish--row .protocol-item .options, .protocols-section .main .row .protocol-item .options {
    list-style: none;
    width: 100%
}

.protocols-section .main .ish--row .protocol-item .options li, .protocols-section .main .row .protocol-item .options li {
    padding: 20px 0;
    width: 100%;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    line-height: 1.4285714286rem
}

.protocols-section .main .ish--row .protocol-item .options li span.img, .protocols-section .main .row .protocol-item .options li span.img {
    width: 1.1428571429rem;
    height: 1.1428571429rem;
    margin-right: 5px;
    margin-bottom: 0
}



.protocols-section .main .ish--row .protocol-item .options li:first-child:before, .protocols-section .main .row .protocol-item .options li:first-child:before {
    content: "";
    background-color: rgba(71, 71, 71, .1);
    position: absolute;
    height: 1px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px)
}

.protocols-section .main .ish--row .protocol-item .options li:after, .protocols-section .main .row .protocol-item .options li:after {
    content: "";
    background-color: rgba(71, 71, 71, .1);
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px)
}

.protocols-section .main .ish--row .protocol-item .options .options-item.icons, .protocols-section .main .row .protocol-item .options .options-item.icons {
    height: 4.5714285714rem;
    align-items: center
}

.protocols-section .main .ish--row .protocol-item span.link, .protocols-section .main .row .protocol-item span.link {
    padding-top: 20px;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    color: #369;
    text-align: center;
    font-size: 1.1428571429rem;
    line-height: 1.4285714286rem;
    font-style: normal;
    font-weight: 600
}

@media screen and (max-width: 1199.98px) {
    .protocols-section .main .ish--row .protocol-item, .protocols-section .main .row .protocol-item {
        height: 100%;
        background-color: #fff
    }
}

.setup-section {
    background-color: #f7f7f7;
    margin-top: 30px
}

@media (max-width: 575.98px) {
    .setup-section {
        margin-top: 20px
    }
}

.setup-section .mobile {
    display: none
}

@media (max-width: 575.98px) {
    .setup-section .mobile {
        display: flex
    }
}

.setup-section .desktop {
    display: flex
}

@media (max-width: 575.98px) {
    .setup-section .desktop {
        display: none
    }
}

.setup-section .ish--row, .setup-section .row {
    background-color: rgba(255, 255, 255, .5);
    margin: -.5px
}

.setup-section .ish--row .col, .setup-section .ish--row .ish--col, .setup-section .ish--row [class^=col-], .setup-section .row .col, .setup-section .row .ish--col, .setup-section .row [class^=col-] {
    padding: .5px
}

.setup-section .main {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 30px 30px 20px;
    margin-bottom: 1px
}

.setup-section .main .title {
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.7142857143rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.7142857143rem
}

@media (max-width: 575.98px) {
    .setup-section .main .title {
        font-size: 1.4285714286rem
    }
}

.setup-section .main .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal;
    color: #474747;
    max-width: 60%;
    margin-top: 20px
}

@media (max-width: 575.98px) {
    .setup-section .main .desc {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

@media screen and (max-width: 991.98px) {
    .setup-section .main .desc {
        max-width: 100%
    }
}

@media screen and (max-width: 575.98px) {
    .setup-section .main {
        padding: 20px
    }
}

.setup-section .caption {
    background-color: #fff;
    margin-top: 1px;
    padding: 20px 30px 30px
}

.setup-section .caption span {
    color: #474747;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1.1428571429rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4285714286rem
}

@media screen and (max-width: 575.98px) {
    .setup-section .caption span {
        font-size: 1rem
    }
}

@media screen and (max-width: 575.98px) {
    .setup-section .caption {
        padding: 20px
    }
}

.setup-section .img {
    background-color: #fff;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center bottom
}

@media screen and (max-width: 991.98px) {
    .setup-section .img {
        background-size: 100% auto
    }
}



.setup-section .card {
    transition: background-color .3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 30px
}

.setup-section .card .img {
    width: 40px;
    height: 40px;
    background-color: transparent;
    margin-bottom: 10px
}

.setup-section .card .title {
    width: 100%;
    text-align: center;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5714285714rem;
    margin-bottom: 40px;
    position: relative
}

.setup-section .card .title:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    max-width: 9rem;
    background-color: rgba(71, 71, 71, .1);
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%)
}

.setup-section .card .link {
    color: #369;
    text-align: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4285714286rem
}

.setup-section .card:hover {
    background-color: #fff
}

@media (max-width: 575.98px) {
    .setup-section .card {
        padding: 20px;
        background-color: #fff
    }
}

.setup-section .data {
    background-color: #fff;
    border-right: 1px solid #f7f7f7;
    padding: 0 20px 0 80px
}

.setup-section .data-item {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    position: relative
}

.setup-section .data-item:before {
    content: "";
    position: absolute;
    width: 2px;
    height: calc(100% - 20px * 1.5);
    top: 50px;
    left: -41px;
    background-color: #e9e9e9
}

.setup-section .data-item:last-child:before {
    content: unset
}

.setup-section .data-item .icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 25px;
    left: -50px
}

.setup-section .data-item .title {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    color: #231f20;
    margin-bottom: 5px
}

.setup-section .data-item .text {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    color: #474747;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .setup-section .data-item .text {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 991.98px) {
    .setup-section .data {
        padding-left: 60px
    }

    .setup-section .data-item:before {
        left: -31px
    }

    .setup-section .data-item .icon {
        left: -40px
    }
}

.vpn-plans-list-compact {
    display: flex
}

.vpn-plans-list-compact .ish--row, .vpn-plans-list-compact .row {
    flex-wrap: nowrap;
    margin: -5px
}

.vpn-plans-list-compact .ish--row .col, .vpn-plans-list-compact .ish--row .ish--col, .vpn-plans-list-compact .ish--row [class^=col-], .vpn-plans-list-compact .row .col, .vpn-plans-list-compact .row .ish--col, .vpn-plans-list-compact .row [class^=col-] {
    padding: 5px;
    flex: 1
}

@media screen and (max-width: 1199.98px) {
    .vpn-plans-list-compact .ish--row .col, .vpn-plans-list-compact .ish--row .ish--col, .vpn-plans-list-compact .ish--row [class^=col-], .vpn-plans-list-compact .row .col, .vpn-plans-list-compact .row .ish--col, .vpn-plans-list-compact .row [class^=col-] {
        min-width: 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media screen and (max-width: 767.98px) {
    .vpn-plans-list-compact .ish--row .col, .vpn-plans-list-compact .ish--row .ish--col, .vpn-plans-list-compact .ish--row [class^=col-], .vpn-plans-list-compact .row .col, .vpn-plans-list-compact .row .ish--col, .vpn-plans-list-compact .row [class^=col-] {
        min-width: 50%;
        max-width: 50%
    }
}

@media screen and (max-width: 575.98px) {
    .vpn-plans-list-compact .ish--row .col, .vpn-plans-list-compact .ish--row .ish--col, .vpn-plans-list-compact .ish--row [class^=col-], .vpn-plans-list-compact .row .col, .vpn-plans-list-compact .row .ish--col, .vpn-plans-list-compact .row [class^=col-] {
        min-width: 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 1199.98px) {
    .vpn-plans-list-compact .ish--row, .vpn-plans-list-compact .row {
        flex-wrap: wrap
    }
}

.vpn-plans-list-compact .vpn-list-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 30px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.vpn-plans-list-compact .vpn-list-item .badge {
    display: flex;
    margin-bottom: 20px;
    padding: 5px 10px;
    border-radius: 19px;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: .7142857143rem;
    font-style: normal;
    font-weight: 600;
    line-height: .8571428571rem;
    text-transform: uppercase;
    align-self: center
}

.vpn-plans-list-compact .vpn-list-item .badge.success {
    background-color: #f3f9f5;
    color: #048930
}

.vpn-plans-list-compact .vpn-list-item .title {
    color: #231f20;
    text-align: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.7142857143rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.7142857143rem;
    margin-bottom: 30px
}

.vpn-plans-list-compact .vpn-list-item .price {
    display: flex;
    align-items: start;
    justify-content: center;
    margin-bottom: 30px
}

.vpn-plans-list-compact .vpn-list-item .price .int {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 3.1428571429rem
}

.vpn-plans-list-compact .vpn-list-item .price .currency, .vpn-plans-list-compact .vpn-list-item .price .float {
    font-style: normal;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif
}

@media (max-width: 575.98px) {
    .vpn-plans-list-compact .vpn-list-item .price .currency, .vpn-plans-list-compact .vpn-list-item .price .float {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.vpn-plans-list-compact .vpn-list-item .period {
    color: #8b7b7f;
    text-align: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: .7142857143rem;
    font-style: normal;
    font-weight: 600;
    line-height: .8571428571rem;
    text-transform: uppercase;
    margin-bottom: 30px
}

.vpn-plans-list-compact .vpn-list-item .caption {
    color: rgba(71, 71, 71, .5);
    text-align: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: .8571428571rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2857142857rem;
    padding: 0 15px
}

.vpn-plans-list-compact .vpn-list-item .caption br {
    display: none
}

.vpn-plans-list-compact .vpn-list-item .ish--btn {
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

@media screen and (max-width: 1198px) {
    .vpn-plans-list-compact .vpn-list-item {
        height: 100%
    }
}

@media screen and (max-width: 576px) {
    .vpn-plans-list-compact .vpn-list-item {
        padding: 20px
    }
}

.vpn-plans-list-compact.preloader .services-list-item-row {
    justify-content: center
}

.vpn-plans-list-compact.preloader .services-list-item .cover-image {
    width: 35%
}

.vpn-plans-list-compact.preloader .services-list-item-row .title {
    margin-bottom: 15px
}

.vpn-plans-list-compact.preloader .services-list-item-row .title::after {
    content: ".";
    color: transparent;
    width: 100px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-list-compact.preloader .services-list-item-row .price {
    margin-bottom: 15px;
    height: 40px
}

.vpn-plans-list-compact.preloader .services-list-item-row .price::after {
    content: ".";
    color: transparent;
    width: 80px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-list-compact.preloader .services-list-item-row .price::after {
    height: 100%
}

.vpn-plans-list-compact.preloader .services-list-item-row .btn {
    margin-bottom: 15px;
    height: 40px;
    padding: 0
}

.vpn-plans-list-compact.preloader .services-list-item-row .btn::after {
    content: ".";
    color: transparent;
    width: 120px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-list-compact.preloader .services-list-item-row .btn::after {
    height: 100%
}

.vpn-plans-list-compact.preloader .services-list-item-row .option {
    margin-bottom: 10px
}

.vpn-plans-list-compact.preloader .services-list-item-row .option--title::after {
    content: ".";
    color: transparent;
    width: 40px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-list-compact.preloader .services-list-item-row .option--name::after {
    content: ".";
    color: transparent;
    width: 40px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-list-compact.preloader .services-list-item-row .option--value.short::after {
    content: ".";
    color: transparent;
    width: 20px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-list-compact.preloader .services-list-item-row .option--value.medium::after {
    content: ".";
    color: transparent;
    width: 40px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-list-compact.preloader .services-list-item-row .option--price {
    margin-top: 40px;
    height: 40px
}

.vpn-plans-list-compact.preloader .services-list-item-row .option--price::after {
    content: ".";
    color: transparent;
    width: 40px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-list-compact.preloader .services-list-item-row .option--price::after {
    height: 100%
}

.vpn-plans-list-compact.preloader .services-list-item-row .option--subprice::after {
    content: ".";
    color: transparent;
    width: 80px;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-list-compact.preloader .services-list-item-row.controls .btn {
    width: 100px;
    height: 100%;
    padding: 0;
    pointer-events: none
}

.vpn-plans-list-compact.preloader .services-list-item-row.controls .btn::after {
    content: ".";
    color: transparent;
    width: 100%;
    background: #e0e0e0;
    display: inline-block
}

.vpn-plans-list-compact.preloader .services-list-item-row.controls .btn::after {
    height: 100%
}

.dedicated-plans-section ul {
    list-style: none
}

.dedicated-plans-section .services-list {
    background: 0 0
}

.dedicated-plans-section .services-list .filters {
    background: 0 0
}

.dedicated-plans-section .configuration {
    display: flex;
    flex-direction: row;
    margin-top: 1px;
    margin-bottom: 30px;
    padding: 30px;
    background: rgba(255, 255, 255, .5)
}

.dedicated-plans-section .configuration .data {
    display: flex;
    flex-direction: column;
    flex: 1
}

.dedicated-plans-section .configuration .data-head {
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 575.98px) {
    .dedicated-plans-section .configuration .data-head {
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px
    }

    .dedicated-plans-section .configuration .data-head svg {
        margin-bottom: 0;
        margin-right: 20px;
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px
    }

    .dedicated-plans-section .configuration .data-head h2 {
        margin-bottom: 0
    }
}

.dedicated-plans-section .configuration .aside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    padding-left: 20px
}

.dedicated-plans-section .configuration svg {
    margin-bottom: 20px
}

.dedicated-plans-section .configuration h2 {
    margin-bottom: 20px
}

.dedicated-plans-section .configuration p {
    max-width: 640px
}

@media (max-width: 767.98px) {
    .dedicated-plans-section .configuration {
        flex-direction: column
    }

    .dedicated-plans-section .configuration .aside {
        align-items: start;
        margin-top: 20px;
        padding-left: 0
    }
}

@media screen and (max-width: 575.98px) {
    .dedicated-plans-section .configuration {
        padding: 20px;
        margin-bottom: 20px
    }
}

.dedicated-plans-wrapper {
    display: flex;
    width: 100%;
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-bottom: 60px;
    background: rgba(255, 255, 255, .5)
}

.dedicated-plans-wrapper[v-cloak] {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    min-height: 100vh
}

.dedicated-plans-wrapper .services-plans-configs-wrapper {
    width: 100%;
    min-height: 1px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column-reverse
}

@media screen and (max-width: 576px) {
    .dedicated-plans-wrapper .services-plans-configs-wrapper {
        margin-bottom: 20px
    }
}

.dedicated-plans-wrapper .dedicated-plans-list-wrapper {
    width: 100%
}

.dedicated-plans-wrapper .dedicated-plans-list-wrapper .services-list {
    background: 0 0
}

.dedicated-plans-wrapper .show-filters {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    background: rgba(71, 71, 71, .1);
    position: relative;
    padding: 10px 15px;
    border: none;
    border-radius: 3px;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color .3s ease-in-out;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: calc(100% - 30px);
    margin: 20px auto 0
}

.dedicated-plans-wrapper .show-filters:hover {
    background-color: rgba(71, 71, 71, .3)
}

.dedicated-plans-wrapper .show-filters:disabled {
    color: rgba(35, 31, 32, .5);
    background-color: rgba(71, 71, 71, .1);
    cursor: not-allowed
}

.dedicated-plans-wrapper .show-filters.arrow {
    margin-right: 10px;
    background: #ececec
}

.dedicated-plans-wrapper .show-filters.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #ececec;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.dedicated-plans-wrapper .show-filters.arrow:hover {
    background: #c8c8c8
}

.dedicated-plans-wrapper .show-filters.arrow:hover::before {
    border-left-color: #c8c8c8
}

.dedicated-plans-wrapper .show-filters.arrow:disabled::before {
    border-left-color: #e9e8e8
}

.dedicated-plans-wrapper .show-filters svg {
    display: none
}

.dedicated-plans-wrapper .show-filters[aria-expanded=true] + .configs {
    height: 680px;
    overflow: auto
}

.dedicated-plans-wrapper .show-filters[aria-expanded=true] + .configs + .filters {
    height: 240px;
    overflow: auto;
    padding: 20px 15px 0
}

@media (max-width: 767.98px) {
    .dedicated-plans-wrapper .show-filters[aria-expanded=true] + .configs + .filters {
        overflow: visible
    }
}

@media (max-width: 767.98px) {
    .dedicated-plans-wrapper .show-filters[aria-expanded=true] + .configs + .filters {
        padding: 20px 20px 0
    }
}

@media (max-width: 767.98px) {
    .dedicated-plans-wrapper {
        padding-bottom: 0
    }

    .dedicated-plans-wrapper .configs {
        height: 0;
        transition: height .3s ease-in-out, margin .3s ease-in-out;
        overflow: hidden;
        margin-top: 0
    }

    .dedicated-plans-wrapper .dedicated-plans-list.filters {
        height: 0;
        transition: height .3s ease-in-out, margin .3s ease-in-out;
        overflow: hidden;
        margin-top: 0;
        padding: 0
    }
}

@media screen and (min-width: 768px) {
    .dedicated-plans-wrapper {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start
    }

    .dedicated-plans-wrapper .show-filters {
        display: none
    }

    .dedicated-plans-wrapper .services-plans-configs-wrapper {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        margin-bottom: 0
    }

    .dedicated-plans-wrapper .dedicated-plans-list-wrapper {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
}

@media screen and (min-width: 992px) {
    .dedicated-plans-wrapper .services-plans-configs-wrapper {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .dedicated-plans-wrapper .dedicated-plans-list-wrapper {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
}

.dedicated-plans-wrapper .dedicated-configs {
    padding: 0 30px
}

@media screen and (max-width: 991.98px) {
    .dedicated-plans-wrapper .dedicated-configs {
        padding: 0 20px
    }
}

.dedicated-plans-wrapper .dedicated-configs .services-plans-configs-item {
    border-bottom: 1px solid rgba(71, 71, 71, .1);
    margin-bottom: 20px;
    padding-bottom: 20px
}

.dedicated-plans-wrapper .dedicated-configs .services-plans-configs-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.dedicated-plans-wrapper .dedicated-configs .slider-content {
    display: flex;
    padding: 15px 0 35px;
    position: relative;
    min-height: 60px
}

.dedicated-plans-wrapper .dedicated-configs .slider-content span {
    position: absolute;
    bottom: 10px;
    font-size: .7142857143rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.2;
    color: #474747;
    text-transform: uppercase;
    vertical-align: baseline
}

.dedicated-plans-wrapper .dedicated-configs .slider-content span:first-child {
    left: 5px;
    text-align: left
}

.dedicated-plans-wrapper .dedicated-configs .slider-content span:last-child {
    right: 5px;
    text-align: right
}

.dedicated-plans-wrapper .dedicated-configs .slider .ish--form-item {
    margin-bottom: 0;
    margin-top: 8px
}

.dedicated-plans-wrapper .dedicated-configs .disk-configs-item {
    margin-bottom: 20px
}

.dedicated-plans-wrapper .dedicated-configs .disk-configs-item .selector {
    margin-bottom: 1px
}

.dedicated-plans-wrapper .dedicated-configs .disk-configs-item .label {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    justify-content: space-between
}

.dedicated-plans-wrapper .dedicated-configs .disk-configs-item .label .ish--label {
    margin-bottom: 0
}

.dedicated-plans-wrapper .dedicated-configs .disk-configs-item .label .ish--btn {
    background: 0 0;
    padding: 0;
    border: none;
    display: flex;
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin-right: -4px
}

.dedicated-plans-wrapper .dedicated-configs .disk-configs-item .label .ish--btn svg {
    fill: #9b9b9b
}

.dedicated-plans-wrapper .dedicated-configs .add-filter-btn, .dedicated-plans-wrapper .dedicated-configs .clear-filters-btn {
    background: rgba(71, 71, 71, .1);
    height: 40px;
    padding: 10px 15px;
    border-radius: 3px;
    border: 0;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.47;
    color: #231f20;
    transition: color .3s;
    text-transform: capitalize;
    cursor: pointer;
    user-select: none
}

.dedicated-plans-wrapper .dedicated-configs .add-filter-btn:hover, .dedicated-plans-wrapper .dedicated-configs .clear-filters-btn:hover {
    color: #1f5080
}

.dedicated-plans-wrapper .dedicated-configs .ish--slider-container .ish--slider-text-input, .dedicated-plans-wrapper .dedicated-configs .ish--slider-container .ish--slider__range-label {
    display: none
}

.special-offers .dedicated-plans-wrapper {
    background: 0 0;
    padding: 0 15px
}

.special-offers .dedicated-plans-wrapper .dedicated-plans-list-wrapper {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-left: none
}

.dedicated-plans-wrapper {
    padding-bottom: 0
}

.dedicated-plans-list-wrapper {
    border-left: 1px solid #f7f7f7
}

@media screen and (max-width: 767.98px) {
    .dedicated-plans-list-wrapper {
        border-left: none
    }
}

.dedicated-plans-list {
    padding: 10px
}

.dedicated-plans-list .show-details {
    display: none;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 0;
    background-color: rgba(71, 71, 71, .1);
    cursor: pointer;
    transition: all .3s
}

.dedicated-plans-list .services-list-item {
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative
}

@media screen and (min-width: 992px) {
    .dedicated-plans-list .services-list-item {
        flex-direction: row
    }
}

.dedicated-plans-list .services-list-item-row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column
}

.dedicated-plans-list .services-list-item-row.controls {
    width: 100%
}

@media screen and (min-width: 992px) {
    .dedicated-plans-list .services-list-item-row.controls {
        margin-left: auto;
        width: auto
    }

    .dedicated-plans-list .services-list-item-row.controls .services-list-item-cell {
        padding-left: 0
    }
}

@media screen and (max-width: 768px) {
    .dedicated-plans-list .services-list-item-row.controls .ish--btn {
        width: 100%;
        justify-content: center
    }

    .dedicated-plans-list .services-list-item-row.controls .ish--btn:before {
        content: none
    }
}

@media screen and (max-width: 767.98px) {
    .dedicated-plans-list .services-list-item-row .services-list-item-cell.details .details-row {
        flex-direction: column-reverse;
        justify-content: start;
        align-items: flex-start;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(71, 71, 71, .1)
    }

    .dedicated-plans-list .services-list-item-row .services-list-item-cell.details .details-row.title {
        flex-direction: column;
        padding-bottom: 0;
        border-bottom: none;
        align-items: flex-start
    }
}

@media screen and (max-width: 575.98px) {
    .dedicated-plans-list .services-list-item-row .services-list-item-cell.details .details-row {
        flex-wrap: nowrap;
        margin-bottom: 10px;
        padding-bottom: 10px;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center
    }

    .dedicated-plans-list .services-list-item-row .services-list-item-cell.details .details-row .details-cell.name {
        width: unset;
        min-width: 45px;
        display: flex
    }

    .dedicated-plans-list .services-list-item-row .services-list-item-cell.details .details-row .details-cell.name .panel {
        display: flex;
        margin-right: 5px
    }
}

.dedicated-plans-list .services-list-item-cell.details {
    width: 100%;
    padding: 30px 20px 0 30px;
    margin-bottom: 30px
}

.dedicated-plans-list .services-list-item-cell.details .title {
    margin-bottom: 20px
}

.dedicated-plans-list .services-list-item-cell.details .title .location {
    margin-top: 4px;
    width: 100%;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f
}

.dedicated-plans-list .services-list-item-cell.details .title .location .fi {
    margin-right: 4px
}

@media screen and (max-width: 991.98px) {
    .dedicated-plans-list .services-list-item-cell.details {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 767.98px) {
    .dedicated-plans-list .services-list-item-cell.details {
        margin-bottom: 0;
        padding: 20px 20px 0 20px
    }
}

@media screen and (max-width: 575.98px) {
    .dedicated-plans-list .services-list-item-cell.details {
        padding: 20px 20px 0 20px
    }

    .dedicated-plans-list .services-list-item-cell.details .details-row.title {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 992px) {
    .dedicated-plans-list .services-list-item-cell.details .details-row {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        min-height: 20px
    }

    .dedicated-plans-list .services-list-item-cell.details .details-row .details-cell.data {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 1rem
    }
}

@media screen and (min-width: 992px) {
    .dedicated-plans-list .services-list-item-cell.promos {
        padding-bottom: 30px
    }
}

.dedicated-plans-list .services-list-item-cell.controls {
    flex-direction: column-reverse;
    width: 100%;
    padding: 30px 30px 0 0
}

.dedicated-plans-list .services-list-item-cell.controls .price {
    display: flex;
    flex-direction: column;
    padding: 10px 15px;
    margin-top: 20px;
    align-items: flex-end
}

.dedicated-plans-list .services-list-item-cell.controls .price span.value {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    margin: 0 0 5px
}

.dedicated-plans-list .services-list-item-cell.controls .price span.type {
    min-width: unset;
    margin: 0 0 5px
}

@media screen and (max-width: 991.98px) {
    .dedicated-plans-list .services-list-item-cell.controls .price {
        padding: 0;
        margin-top: 0;
        margin-bottom: 20px;
        align-items: flex-start
    }
}

@media screen and (max-width: 575.98px) {
    .dedicated-plans-list .services-list-item-cell.controls .price {
        flex-direction: row;
        align-items: center;
        margin-bottom: 10px;
        margin-top: 10px
    }
}

@media screen and (max-width: 991.98px) {
    .dedicated-plans-list .services-list-item-cell.controls {
        padding: 0 30px 30px
    }
}

@media screen and (max-width: 767.98px) {
    .dedicated-plans-list .services-list-item-cell.controls {
        padding: 0 20px 20px
    }
}

@media screen and (min-width: 992px) {
    .dedicated-plans-list .services-list-item-cell.controls {
        flex-direction: column;
        width: max-content;
        align-items: end
    }

    .dedicated-plans-list .services-list-item-cell.controls span {
        margin: 10px 0 0 15px
    }
}

.dedicated-plans-list.filters {
    padding: 20px 15px;
    margin: 0;
    top: 0;
    width: 100%
}

.dedicated-plans-list.filters .services-list-item {
    display: flex;
    flex-direction: column
}

.dedicated-plans-list.filters .selection-container {
    width: 100%
}

.dedicated-plans-list.filters .selection-container .ish--radio-button-wrapper {
    padding: 15px 0
}

@media screen and (max-width: 575.98px) {
    .dedicated-plans-list.filters .selection-container .ish--radio-button-wrapper {
        padding: 10px 0
    }
}

@media screen and (min-width: 992px) {
    .dedicated-plans-list.filters {
        margin: 0;
        padding: 30px 30px 0
    }
}

.dedicated-plans-list.filters .services-list-item-cell.period, .dedicated-plans-list.filters .services-list-item-cell.sort {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(71, 71, 71, .1)
}

@media screen and (min-width: 768px) {
    .dedicated-plans-list.filters .services-list-item-cell {
        margin-right: 10px
    }

    .dedicated-plans-list.filters .services-list-item-cell:last-child {
        margin-right: 0
    }

    .dedicated-plans-list.filters .services-list-item-cell.sort {
        margin-right: auto
    }

    .dedicated-plans-list.filters .services-list-item-cell.period, .dedicated-plans-list.filters .services-list-item-cell.sort {
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(71, 71, 71, .1)
    }
}

.dedicated-plans-list.preloader .services-list-item-cell.controls {
    line-height: 40px
}

.dedicated-plans-list.preloader .services-list-item-cell.controls::after {
    content: ".";
    color: transparent;
    width: 100px;
    background: #e0e0e0;
    display: inline-block
}

@media screen and (max-width: 767.98px) {
    .dedicated-plans-list.preloader .services-list-item-cell.details .details-row {
        flex-direction: row
    }

    .dedicated-plans-list.preloader .services-list-item-cell.details .details-row.title {
        flex-direction: row
    }
}

@media screen and (max-width: 575.98px) {
    .dedicated-plans-list.preloader .services-list-item-cell.details .details-row .details-cell.name:after {
        width: 80%
    }
}

.dedicated-plans-list.preloader .tags {
    margin-top: 20px;
    margin-bottom: 20px
}

.dedicated-plans-list.preloader .tags .ish--tag {
    background-color: #e0e0e0
}

.dedicated-plans-list.preloader .tags .ish--tag::after {
    content: ".";
    color: transparent;
    width: 80px;
    background: #e0e0e0;
    display: inline-block
}

.dedicated-plans-list.preloader .tags .ish--tag:first-child {
    margin-right: 10px
}

.dedicated-plans-list.preloader .title::after {
    content: ".";
    color: transparent;
    width: 120px;
    background: #e0e0e0;
    display: inline-block
}

.dedicated-plans-list.preloader .name::after {
    content: ".";
    color: transparent;
    width: 60px;
    background: #e0e0e0;
    display: inline-block
}

@media screen and (max-width: 991.98px) {
    .dedicated-plans-list.preloader .name {
        margin-bottom: 2px
    }
}

.dedicated-plans-list.preloader .data::after {
    content: ".";
    color: transparent;
    width: 160px;
    background: #e0e0e0;
    display: inline-block
}

@media screen and (max-width: 575.98px) {
    .dedicated-plans-list {
        padding: 0
    }
}

.dedicated-plans-cards-wrapper {
    display: flex;
    width: 100%;
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-bottom: 20px;
    background: rgba(255, 255, 255, .5)
}

.dedicated-plans-cards-wrapper .collapse-switch-btn-block {
    padding: 0 20px;
    width: 100%
}

.dedicated-plans-cards-wrapper .collapse-switch-btn-block .collapse-switch-btn {
    margin-top: 20px;
    width: 100%
}

.dedicated-plans-cards-wrapper .ish--list-box__menu {
    border: 1px solid rgba(71, 71, 71, .1);
    border-bottom: 2px solid #231f20
}

.dedicated-plans-cards-wrapper .bordered .ish--list-box__field {
    border: 1px solid rgba(71, 71, 71, .1)
}

.dedicated-plans-cards-wrapper .ish--radio-button-group .ish--radio-button-wrapper .ish--radio-button__label .name {
    margin-left: 10px;
    color: #474747
}

.dedicated-plans-cards-wrapper .ish--radio-button-group .ish--radio-button-wrapper .ish--radio-button__label .info {
    display: none
}

.dedicated-plans-cards-wrapper .clear-filters-btn {
    padding-left: 10px;
    padding-right: 10px
}

@media (max-width: 575.98px) {
    .dedicated-plans-cards-wrapper .clear-filters-btn {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.dedicated-plans-cards-wrapper .ish--checkbox-label {
    padding-left: 30px;
    font-weight: 600
}

.dedicated-plans-cards-wrapper .delete-drive {
    position: absolute;
    right: 0
}

.dedicated-plans-cards-wrapper[v-cloak] {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    min-height: 100vh
}

.dedicated-plans-cards-wrapper .configs .filters .slider-content .unlimited {
    font-size: 16px
}

.dedicated-plans-cards-wrapper .configs .filters .base {
    display: flex;
    background-color: #fff;
    padding: 20px 30px
}

.dedicated-plans-cards-wrapper .configs .filters .base .services-list-cards .locations-block {
    margin: 0
}

.dedicated-plans-cards-wrapper .configs .filters .base .services-list-cards.filters {
    padding: 0
}

.dedicated-plans-cards-wrapper .configs .filters .base .services-list-cards.filters .tabs-item.active {
    pointer-events: all
}

.dedicated-plans-cards-wrapper .configs .filters .base .services-list-cards.filters .tabs-item.active:hover {
    background-color: #231f20
}

.dedicated-plans-cards-wrapper .configs .filters .base .controls {
    margin-left: auto;
    display: flex
}

.dedicated-plans-cards-wrapper .configs .filters .base .filters-btn {
    color: #231f20;
    align-items: center;
    display: flex
}

.dedicated-plans-cards-wrapper .configs .filters .base .filters-btn svg {
    margin-right: 10px
}

.dedicated-plans-cards-wrapper .configs .filters .base .filters-btn.dark {
    color: #fff;
    background: #474747
}

.dedicated-plans-cards-wrapper .configs .filters .base .filters-btn.dark:hover {
    background: #231f20
}

.dedicated-plans-cards-wrapper .configs .filters .base .btn {
    color: #369;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.dedicated-plans-cards-wrapper .configs .filters .base .btn:hover {
    color: #1f5080
}

.dedicated-plans-cards-wrapper .configs .filters .base .ish--form-item {
    margin-bottom: 0;
    max-width: 200px
}

@media (max-width: 767.98px) {
    .dedicated-plans-cards-wrapper .configs .filters .base {
        flex-direction: column
    }

    .dedicated-plans-cards-wrapper .configs .filters .base .ish--form-item {
        max-width: 240px
    }

    .dedicated-plans-cards-wrapper .configs .filters .base .controls {
        flex-direction: row-reverse;
        justify-content: start;
        margin-left: 0;
        margin-top: 20px
    }
}

@media (max-width: 575.98px) {
    .dedicated-plans-cards-wrapper .configs .filters .base {
        padding: 20px
    }

    .dedicated-plans-cards-wrapper .configs .filters .base .ish--form-item {
        max-width: unset
    }
}

@media (max-width: 991.98px) {
    .dedicated-plans-cards-wrapper .configs .filters .filters.popular .cpu {
        order: 1
    }

    .dedicated-plans-cards-wrapper .configs .filters .filters.popular .ram {
        order: 2
    }

    .dedicated-plans-cards-wrapper .configs .filters .filters.popular .features {
        order: 3
    }

    .dedicated-plans-cards-wrapper .configs .filters .filters.popular .disks-types {
        order: 4
    }
}

@media (max-width: 991.98px) {
    .dedicated-plans-cards-wrapper .configs .filters .filters.advanced .cpu-type {
        order: 1
    }

    .dedicated-plans-cards-wrapper .configs .filters .filters.advanced .cpu {
        order: 2
    }

    .dedicated-plans-cards-wrapper .configs .filters .filters.advanced .ram {
        order: 3
    }

    .dedicated-plans-cards-wrapper .configs .filters .filters.advanced .features {
        order: 4
    }

    .dedicated-plans-cards-wrapper .configs .filters .filters.advanced .bandwidth {
        order: 5
    }

    .dedicated-plans-cards-wrapper .configs .filters .filters.advanced .traffic {
        order: 6
    }

    .dedicated-plans-cards-wrapper .configs .filters .filters.advanced .disks {
        order: 7
    }

    .dedicated-plans-cards-wrapper .configs .filters .filters.advanced .sort {
        order: 8
    }
}

.dedicated-plans-cards-wrapper .configs .filters .filters .ish--row, .dedicated-plans-cards-wrapper .configs .filters .filters .row {
    display: flex;
    margin: -10px -15px;
    flex-wrap: wrap;
    flex-grow: 1
}

.dedicated-plans-cards-wrapper .configs .filters .filters .ish--row .col, .dedicated-plans-cards-wrapper .configs .filters .filters .ish--row .ish--col, .dedicated-plans-cards-wrapper .configs .filters .filters .ish--row [class^=col-], .dedicated-plans-cards-wrapper .configs .filters .filters .row .col, .dedicated-plans-cards-wrapper .configs .filters .filters .row .ish--col, .dedicated-plans-cards-wrapper .configs .filters .filters .row [class^=col-] {
    padding: 10px 15px
}

.dedicated-plans-cards-wrapper .configs .filters .filters .ish--row .col .btn, .dedicated-plans-cards-wrapper .configs .filters .filters .ish--row .ish--col .btn, .dedicated-plans-cards-wrapper .configs .filters .filters .ish--row [class^=col-] .btn, .dedicated-plans-cards-wrapper .configs .filters .filters .row .col .btn, .dedicated-plans-cards-wrapper .configs .filters .filters .row .ish--col .btn, .dedicated-plans-cards-wrapper .configs .filters .filters .row [class^=col-] .btn {
    display: flex
}

.dedicated-plans-cards-wrapper .configs .filters .filters .ish--checkbox-wrapper {
    margin-bottom: 20px;
    padding: 5px 0
}

.dedicated-plans-cards-wrapper .configs .filters .filters .ish--checkbox-wrapper:last-child {
    margin-bottom: 0
}

.dedicated-plans-cards-wrapper .configs .filters .filters .sort {
    padding: 0;
    flex-direction: column;
    align-items: start
}

.dedicated-plans-cards-wrapper .configs .filters .filters .sort .ish--radio-button-wrapper {
    padding: 5px 0;
    border: none
}

.dedicated-plans-cards-wrapper .configs .filters .filters .sort .ish--radio-button-wrapper .ish--radio-button__label {
    flex-direction: row-reverse
}

.dedicated-plans-cards-wrapper .configs .filters .filters .disk-configs {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

.dedicated-plans-cards-wrapper .configs .filters .filters .disk-configs .add-filter-btn {
    max-height: 40px;
    text-transform: none;
    margin-top: 20px
}

.dedicated-plans-cards-wrapper .configs .filters .filters .disk-configs .add-filter-btn.drive {
    display: flex;
    align-items: center
}

.dedicated-plans-cards-wrapper .configs .filters .filters .disk-configs .add-filter-btn.drive svg {
    margin-right: 10px
}

@media screen and (max-width: 575.98px) {
    .dedicated-plans-cards-wrapper .configs .filters .filters .disk-configs .add-filter-btn {
        margin-top: 0;
        margin-bottom: 10px
    }
}

.dedicated-plans-cards-wrapper .configs .filters .filters .disk-configs .col-12:nth-child(4n+1) .add-filter-btn {
    margin-top: 0
}

@media screen and (max-width: 991.98px) {
    .dedicated-plans-cards-wrapper .configs .filters .filters .disk-configs .col-12:nth-child(4n+1) .add-filter-btn {
        margin-top: 20px
    }

    .dedicated-plans-cards-wrapper .configs .filters .filters .disk-configs .col-12:nth-child(2n+1) .add-filter-btn {
        margin-top: 0
    }
}

@media screen and (max-width: 575.98px) {
    .dedicated-plans-cards-wrapper .configs .filters .filters .disk-configs .col-12 .add-filter-btn {
        margin-top: 0 !important
    }
}

.dedicated-plans-cards-wrapper .configs .filters .filters .disk-configs .disk-configs-item {
    margin: 0
}

.dedicated-plans-cards-wrapper .configs .filters .filters .services-plans-configs-item {
    border: none
}

.dedicated-plans-cards-wrapper .configs .filters .filters .services-plans-configs-item:not(.disk-configs) {
    display: flex;
    flex-direction: column
}

.dedicated-plans-cards-wrapper .configs .filters .filters .checkbox-block .checkbox-group {
    columns: 2
}

.dedicated-plans-cards-wrapper .configs .filters .filters .checkbox-block .ish--checkbox-wrapper {
    height: unset
}

.dedicated-plans-cards-wrapper .configs .btn-block {
    padding: 20px 0
}

.dedicated-plans-cards-wrapper .configs .btn-block button {
    width: 100%
}

.dedicated-plans-cards-wrapper .services-plans-configs-wrapper {
    width: 100%;
    min-height: 1px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column-reverse
}

.dedicated-plans-cards-wrapper .dedicated-plans-list-wrapper {
    min-height: 600px;
    width: 100%
}

.dedicated-plans-cards-wrapper .dedicated-plans-list-wrapper .services-list {
    background: 0 0
}

.dedicated-plans-cards-wrapper .dedicated-configs {
    background-color: #fff;
    padding: 0 30px
}

@media screen and (max-width: 575.98px) {
    .dedicated-plans-cards-wrapper .dedicated-configs {
        padding: 0 20px
    }
}

.dedicated-plans-cards-wrapper .dedicated-configs .services-plans-configs-item {
    border-bottom: 1px solid rgba(71, 71, 71, .1);
    margin-bottom: 20px;
    padding-bottom: 20px
}

.dedicated-plans-cards-wrapper .dedicated-configs .services-plans-configs-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.dedicated-plans-cards-wrapper .dedicated-configs .slider-content {
    display: flex;
    padding: 15px 0 35px;
    position: relative;
    min-height: 60px
}

.dedicated-plans-cards-wrapper .dedicated-configs .slider-content span {
    position: absolute;
    bottom: 10px;
    font-size: .7142857143rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.2;
    color: #474747;
    text-transform: uppercase;
    vertical-align: baseline
}

.dedicated-plans-cards-wrapper .dedicated-configs .slider-content span:first-child {
    left: 5px;
    text-align: left
}

.dedicated-plans-cards-wrapper .dedicated-configs .slider-content span:last-child {
    right: 5px;
    text-align: right
}

.dedicated-plans-cards-wrapper .dedicated-configs .slider .ish--form-item {
    margin-bottom: 0;
    margin-top: 8px
}

.dedicated-plans-cards-wrapper .dedicated-configs .disk-configs-item {
    margin-bottom: 20px
}

.dedicated-plans-cards-wrapper .dedicated-configs .disk-configs-item .selector {
    margin-bottom: 1px
}

.dedicated-plans-cards-wrapper .dedicated-configs .disk-configs-item .label {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    justify-content: space-between
}

.dedicated-plans-cards-wrapper .dedicated-configs .disk-configs-item .label .ish--label {
    margin-bottom: 0
}

.dedicated-plans-cards-wrapper .dedicated-configs .disk-configs-item .label .ish--btn {
    background: 0 0;
    padding: 0;
    border: none;
    display: flex;
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin-right: -4px
}

.dedicated-plans-cards-wrapper .dedicated-configs .disk-configs-item .label .ish--btn svg {
    fill: #9b9b9b
}

.dedicated-plans-cards-wrapper .dedicated-configs .clear-filters-btn {
    background: rgba(71, 71, 71, .1);
    height: 40px;
    padding: 10px 15px;
    border-radius: 3px;
    border: 0;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.47;
    color: #231f20;
    transition: color .3s;
    text-transform: capitalize;
    cursor: pointer;
    user-select: none
}

.dedicated-plans-cards-wrapper .dedicated-configs .clear-filters-btn:hover {
    color: #1f5080
}

.dedicated-plans-cards-wrapper .dedicated-configs .ish--slider-container .ish--slider-text-input, .dedicated-plans-cards-wrapper .dedicated-configs .ish--slider-container .ish--slider__range-label {
    display: none
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .ish--row, .dedicated-plans-cards-wrapper .dedicated-plans-list .row {
    margin: -5px
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .ish--row .col, .dedicated-plans-cards-wrapper .dedicated-plans-list .ish--row .ish--col, .dedicated-plans-cards-wrapper .dedicated-plans-list .ish--row [class^=col-], .dedicated-plans-cards-wrapper .dedicated-plans-list .row .col, .dedicated-plans-cards-wrapper .dedicated-plans-list .row .ish--col, .dedicated-plans-cards-wrapper .dedicated-plans-list .row [class^=col-] {
    padding: 5px
}

@media screen and (max-width: 575.98px) {
    .dedicated-plans-cards-wrapper .dedicated-plans-list .ish--row, .dedicated-plans-cards-wrapper .dedicated-plans-list .row {
        margin: 0;
        width: 100%
    }

    .dedicated-plans-cards-wrapper .dedicated-plans-list .ish--row .col, .dedicated-plans-cards-wrapper .dedicated-plans-list .ish--row .ish--col, .dedicated-plans-cards-wrapper .dedicated-plans-list .ish--row [class^=col-], .dedicated-plans-cards-wrapper .dedicated-plans-list .row .col, .dedicated-plans-cards-wrapper .dedicated-plans-list .row .ish--col, .dedicated-plans-cards-wrapper .dedicated-plans-list .row [class^=col-] {
        padding: 0 0 10px
    }

    .dedicated-plans-cards-wrapper .dedicated-plans-list .ish--row .col:last-child, .dedicated-plans-cards-wrapper .dedicated-plans-list .ish--row .ish--col:last-child, .dedicated-plans-cards-wrapper .dedicated-plans-list .ish--row [class^=col-]:last-child, .dedicated-plans-cards-wrapper .dedicated-plans-list .row .col:last-child, .dedicated-plans-cards-wrapper .dedicated-plans-list .row .ish--col:last-child, .dedicated-plans-cards-wrapper .dedicated-plans-list .row [class^=col-]:last-child {
        padding-bottom: 0
    }
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item {
    width: 100%;
    height: 100%;
    padding: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    margin: 0
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .badges {
    position: absolute;
    top: 20px;
    right: 20px
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .badges span {
    display: flex;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 19px;
    font-feature-settings: "liga" off, "clig" off;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .badges span.new {
    background: #f5f7fa;
    color: #369
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .badges span.discount {
    background: #f3f9f5;
    color: #048930
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .badges span.bestseller {
    background: #369;
    color: #fff
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .details {
    width: 100%
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .details-row {
    margin-bottom: 20px
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .details-row.title {
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .details-row.title .location {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    color: #474747;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    margin-top: 5px
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .details-row.title .location .fi {
    width: 20px;
    height: 15px;
    margin-right: 5px
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .details-cell {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .details-cell.data {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    color: #474747;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .details-cell.addon {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    color: #8b7b7f;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .price {
    width: 100%;
    align-items: center;
    border-top: 1px solid rgba(71, 71, 71, .1);
    display: flex;
    flex-direction: column;
    padding: 20px 0 15px
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .price .value {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    margin-bottom: 5px
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .price .value .amount {
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 2px
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .price .value .from {
    color: #474747;
    font-feature-settings: "liga" off, "clig" off;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    white-space: nowrap
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .price .value .from.text {
    margin-right: 5px;
    text-transform: lowercase
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .price .discount {
    color: #8b7b7f;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-align: center
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .price .discount.green {
    color: #048930
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .controls {
    margin-top: auto;
    width: 100%
}

.dedicated-plans-cards-wrapper .dedicated-plans-list .services-list-item .controls .ish--btn {
    justify-content: center
}

@media screen and (max-width: 575.98px) {
    .dedicated-plans-cards-wrapper .dedicated-plans-list {
        padding: 10px
    }
}

.dedicated-plans-cards-wrapper .dedicated-plans-list.filters {
    padding: 20px 15px;
    margin: 0;
    top: 0;
    width: 100%
}

.dedicated-plans-cards-wrapper .dedicated-plans-list.filters .services-list-item {
    display: flex;
    flex-direction: column
}

.dedicated-plans-cards-wrapper .dedicated-plans-list.filters .selection-container {
    width: 100%
}

.dedicated-plans-cards-wrapper .dedicated-plans-list.filters .selection-container .ish--radio-button-wrapper {
    padding: 15px 0
}

@media screen and (max-width: 575.98px) {
    .dedicated-plans-cards-wrapper .dedicated-plans-list.filters .selection-container .ish--radio-button-wrapper {
        padding: 10px 0
    }
}

@media screen and (min-width: 992px) {
    .dedicated-plans-cards-wrapper .dedicated-plans-list.filters {
        margin: 0;
        padding: 30px 30px 0
    }
}

.dedicated-plans-cards-wrapper .dedicated-plans-list.filters .services-list-item-cell.period, .dedicated-plans-cards-wrapper .dedicated-plans-list.filters .services-list-item-cell.sort {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(71, 71, 71, .1)
}

@media screen and (min-width: 768px) {
    .dedicated-plans-cards-wrapper .dedicated-plans-list.filters .services-list-item-cell {
        margin-right: 10px
    }

    .dedicated-plans-cards-wrapper .dedicated-plans-list.filters .services-list-item-cell:last-child {
        margin-right: 0
    }

    .dedicated-plans-cards-wrapper .dedicated-plans-list.filters .services-list-item-cell.sort {
        margin-right: auto
    }

    .dedicated-plans-cards-wrapper .dedicated-plans-list.filters .services-list-item-cell.period, .dedicated-plans-cards-wrapper .dedicated-plans-list.filters .services-list-item-cell.sort {
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(71, 71, 71, .1)
    }
}

.storage-plans-section ul {
    list-style: none
}

.storage-plans-section .filters {
    display: none
}

.storage-plans-section .heading {
    display: flex;
    flex-direction: column;
    padding: 30px 30px 20px;
    background-color: #fff;
    margin-bottom: 1px
}

.storage-plans-section .heading h4 {
    margin-bottom: 20px
}

@media (max-width: 575.98px) {
    .storage-plans-section .heading {
        padding: 20px
    }
}

.storage-plans-section .tab.animation {
    transition: opacity .3s ease-in-out
}

.storage-plans-section .tab.show {
    opacity: 1
}

.storage-plans-section .tab.hide {
    opacity: 0
}

.storage-plans-section .info .control svg {
    margin-bottom: 20px
}

.storage-plans-section .configuration {
    display: flex;
    flex-direction: row;
    margin-top: 1px;
    padding: 30px;
    background: rgba(255, 255, 255, .5)
}

.storage-plans-section .configuration.animation {
    transition: opacity .3s ease-in-out
}

.storage-plans-section .configuration.show {
    opacity: 1
}

.storage-plans-section .configuration.hide {
    opacity: 0
}

.storage-plans-section .configuration svg {
    margin-bottom: 20px
}

.storage-plans-section .configuration h2 {
    margin-bottom: 20px
}

.storage-plans-section .configuration .head {
    display: flex;
    flex-direction: column
}

@media (max-width: 575.98px) {
    .storage-plans-section .configuration .head {
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px
    }

    .storage-plans-section .configuration .head svg {
        margin-bottom: 0;
        margin-right: 20px
    }

    .storage-plans-section .configuration .head h2 {
        margin-bottom: 0
    }
}

.storage-plans-section .configuration .data {
    display: flex;
    flex-direction: column;
    flex: 1
}

.storage-plans-section .configuration .aside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    padding-left: 20px
}

.storage-plans-section .configuration p {
    max-width: 640px
}

@media (max-width: 767.98px) {
    .storage-plans-section .configuration {
        flex-direction: column
    }

    .storage-plans-section .configuration .aside {
        align-items: start;
        padding-left: 0
    }

    .storage-plans-section .configuration p {
        margin-bottom: 20px
    }
}

@media (max-width: 575.98px) {
    .storage-plans-section .configuration {
        margin-bottom: 0;
        padding: 20px
    }
}

.storage-plans-section .ish--tabs__nav {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column
}

.storage-plans-section .ish--tabs__nav-item {
    display: flex;
    margin-bottom: 1px;
    margin-right: 0
}

.storage-plans-section .ish--tabs__nav-item:first-child a, .storage-plans-section .ish--tabs__nav-item:first-child button {
    border-radius: 3px 3px 0 0
}

.storage-plans-section .ish--tabs__nav-item:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.storage-plans-section .ish--tabs__nav-item:last-child a, .storage-plans-section .ish--tabs__nav-item:last-child button {
    border-radius: 0 0 3px 3px
}

.storage-plans-section .ish--tabs__nav-item--selected .ish--tabs__nav-link {
    background-color: #474747;
    color: #fff;
    pointer-events: none
}

.storage-plans-section .ish--tabs__nav-link {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: normal;
    color: #fff;
    font-size: 1.1428571429rem;
    border: none;
    border-radius: 3px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, .1);
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    cursor: pointer;
    min-height: 40px;
    font-size: 1rem;
    text-transform: uppercase;
    background-color: rgba(71, 71, 71, .1);
    color: #231f20;
    text-align: center;
    width: 100%
}

.storage-plans-section .ish--tabs__nav-link:hover {
    background: rgba(255, 255, 255, .3)
}

.storage-plans-section .ish--tabs__nav-link:hover {
    background-color: rgba(71, 71, 71, .3)
}

@media screen and (min-width: 576px) {
    .storage-plans-section .ish--tabs__nav {
        flex-direction: row
    }

    .storage-plans-section .ish--tabs__nav-item {
        margin-right: 1px;
        margin-bottom: 0
    }

    .storage-plans-section .ish--tabs__nav-item:first-child a, .storage-plans-section .ish--tabs__nav-item:first-child button {
        border-radius: 3px 0 0 3px
    }

    .storage-plans-section .ish--tabs__nav-item:last-child {
        margin-bottom: 0;
        margin-right: 0
    }

    .storage-plans-section .ish--tabs__nav-item:last-child a, .storage-plans-section .ish--tabs__nav-item:last-child button {
        border-radius: 0 3px 3px 0
    }

    .storage-plans-section .ish--tabs__nav-link {
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .storage-plans-section .ish--tabs__nav {
        flex-direction: row
    }

    .storage-plans-section .ish--tabs__nav-link {
        width: auto
    }
}

.storage-plans-section .storage-plans-wrapper {
    display: flex;
    padding: 10px
}

.storage-plans-section .storage-plans-wrapper .plans {
    width: 50%;
    padding: 30px
}

.storage-plans-section .storage-plans-wrapper .plans .ish--row, .storage-plans-section .storage-plans-wrapper .plans .row {
    margin: -.5px;
    border-radius: 3px;
    overflow: hidden
}

.storage-plans-section .storage-plans-wrapper .plans .ish--row .col, .storage-plans-section .storage-plans-wrapper .plans .ish--row .ish--col, .storage-plans-section .storage-plans-wrapper .plans .row .col, .storage-plans-section .storage-plans-wrapper .plans .row .ish--col {
    padding: .5px
}

.storage-plans-section .storage-plans-wrapper .plans .ish--row .col .plans-item, .storage-plans-section .storage-plans-wrapper .plans .ish--row .ish--col .plans-item, .storage-plans-section .storage-plans-wrapper .plans .row .col .plans-item, .storage-plans-section .storage-plans-wrapper .plans .row .ish--col .plans-item {
    padding: 15px 10px;
    background-color: rgba(71, 71, 71, .05);
    color: #231f20;
    transition: all .15s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer
}

.storage-plans-section .storage-plans-wrapper .plans .ish--row .col .plans-item.selected, .storage-plans-section .storage-plans-wrapper .plans .ish--row .ish--col .plans-item.selected, .storage-plans-section .storage-plans-wrapper .plans .row .col .plans-item.selected, .storage-plans-section .storage-plans-wrapper .plans .row .ish--col .plans-item.selected {
    background-color: #474747;
    color: #fff;
    pointer-events: none
}

.storage-plans-section .storage-plans-wrapper .plans .ish--row .col .plans-item .title, .storage-plans-section .storage-plans-wrapper .plans .ish--row .ish--col .plans-item .title, .storage-plans-section .storage-plans-wrapper .plans .row .col .plans-item .title, .storage-plans-section .storage-plans-wrapper .plans .row .ish--col .plans-item .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.storage-plans-section .storage-plans-wrapper .plans .ish--row .col .plans-item .quota, .storage-plans-section .storage-plans-wrapper .plans .ish--row .ish--col .plans-item .quota, .storage-plans-section .storage-plans-wrapper .plans .row .col .plans-item .quota, .storage-plans-section .storage-plans-wrapper .plans .row .ish--col .plans-item .quota {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    text-align: center
}

.storage-plans-section .storage-plans-wrapper .plans .ish--row .col .plans-item:hover, .storage-plans-section .storage-plans-wrapper .plans .ish--row .ish--col .plans-item:hover, .storage-plans-section .storage-plans-wrapper .plans .row .col .plans-item:hover, .storage-plans-section .storage-plans-wrapper .plans .row .ish--col .plans-item:hover {
    background-color: rgba(71, 71, 71, .3);
    color: #231f20
}

@media (max-width: 767.98px) {
    .storage-plans-section .storage-plans-wrapper .plans {
        width: 100%;
        padding: 10px 0
    }

    .storage-plans-section .storage-plans-wrapper .plans .plans-item {
        padding: 10px
    }
}

.storage-plans-section .storage-plans-wrapper .selected-plan {
    padding: 30px;
    width: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    border-radius: 3px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start
}

.storage-plans-section .storage-plans-wrapper .selected-plan .title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    padding: 10px 0;
    margin-bottom: 20px
}

.storage-plans-section .storage-plans-wrapper .selected-plan .description {
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 12px;
    line-height: 18px;
    border-top: 1px solid rgba(71, 71, 71, .1)
}

.storage-plans-section .storage-plans-wrapper .selected-plan .price {
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .storage-plans-section .storage-plans-wrapper .selected-plan {
        width: 100%
    }
}

@media (max-width: 575.98px) {
    .storage-plans-section .storage-plans-wrapper .selected-plan {
        padding: 20px
    }
}

.storage-plans-section .storage-plans-wrapper.full {
    width: 100%
}

.storage-plans-section .storage-plans-wrapper.full .ish--row, .storage-plans-section .storage-plans-wrapper.full .row {
    margin: -5px
}

.storage-plans-section .storage-plans-wrapper.full .ish--row .col, .storage-plans-section .storage-plans-wrapper.full .ish--row .ish--col, .storage-plans-section .storage-plans-wrapper.full .row .col, .storage-plans-section .storage-plans-wrapper.full .row .ish--col {
    padding: 5px
}

.storage-plans-section .storage-plans-wrapper.full .plans-item {
    width: 100%;
    height: 100%;
    padding: 30px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.storage-plans-section .storage-plans-wrapper.full .plans-item .title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    padding: 10px 0;
    margin-bottom: 20px;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif
}

.storage-plans-section .storage-plans-wrapper.full .plans-item .description {
    color: #474747;
    opacity: .5;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 12px;
    line-height: 18px;
    border-top: 1px solid rgba(71, 71, 71, .1);
    text-align: center
}

.storage-plans-section .storage-plans-wrapper.full .plans-item a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 575.98px) {
    .storage-plans-section .storage-plans-wrapper.full .plans-item {
        padding: 20px
    }
}

@media screen and (max-width: 767.98px) {
    .storage-plans-section .storage-plans-wrapper {
        flex-direction: column
    }
}

@media screen and (max-width: 575.98px) {
    .storage-plans-section .storage-plans-wrapper {
        padding: 10px 0
    }
}

.storage-plans-section .storage-configurator-wrapper {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-bottom: 60px
}

.storage-plans-section .storage-configurator-wrapper[v-cloak] {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    min-height: 100vh
}

.storage-configurator-wrapper .card:not(.selected) .card-heading {
    display: none
}

.storage-plans.filters {
    padding-bottom: 20px
}

.storage-plans.filters .services-list-item {
    justify-content: space-between;
    height: auto
}

.storage-plans.filters .services-list-item-cell {
    padding: 0;
    width: 100%
}

@media screen and (min-width: 768px) {
    .storage-plans.filters .services-list-item-cell.location, .storage-plans.filters .services-list-item-cell.period {
        width: 210px
    }
}

.storage-configurator-wrapper .storage-configurator {
    width: 100%;
    background-color: rgba(255, 255, 255, .5)
}



.storage-configurator-wrapper .storage-configurator-slider-wrapper {
    height: 20px
}

.storage-configurator-wrapper .storage-configurator-slider .ish--slider-text-input, .storage-configurator-wrapper .storage-configurator-slider .ish--slider__range-label {
    display: none
}

.storage-configurator-wrapper .storage-configurator-slider .ish--slider {
    margin: 0
}

.storage-configurator-wrapper .storage-configurator-metrics {
    display: flex;
    margin-bottom: 30px;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #474747
}

@media screen and (max-width: 767.98px) {
    .storage-configurator-wrapper .storage-configurator-metrics {
        font-size: .8571428571rem
    }
}

@media screen and (max-width: 575.98px) {
    .storage-configurator-wrapper .storage-configurator-metrics {
        font-size: .6428571429rem;
        letter-spacing: -.5px;
        margin-bottom: 20px
    }
}

.storage-configurator-wrapper .storage-configurator-metrics-item {
    text-align: center;
}



.storage-configurator-wrapper .storage-configurator.preloader .storage-configurator-slider-wrapper::after {
    content: ".";
    color: transparent;
    width: 75%;
    background: #e0e0e0;
    display: inline-block
}

.storage-configurator-wrapper .storage-configurator.preloader .storage-configurator-slider-wrapper:after {
    width: 100%
}

.storage-configurator-wrapper .storage-configurator.preloader .storage-configurator-metrics-item::after {
    content: ".";
    color: transparent;
    width: 75%;
    background: #e0e0e0;
    display: inline-block
}

.storage-configurator-wrapper .storage-configurator.preloader .storage-configurator-metrics-item:after {
    width: 50%
}

.storage-configurator-wrapper .storage-configurator.animation .storage-configurator-metrics, .storage-configurator-wrapper .storage-configurator.animation .storage-configurator-slider-wrapper {
    transition: opacity .3s ease-in-out
}

.storage-configurator-wrapper .storage-configurator.show .storage-configurator-metrics, .storage-configurator-wrapper .storage-configurator.show .storage-configurator-slider-wrapper {
    opacity: 1
}

.storage-configurator-wrapper .storage-configurator.hide .storage-configurator-metrics, .storage-configurator-wrapper .storage-configurator.hide .storage-configurator-slider-wrapper {
    opacity: 0
}

@media screen and (min-width: 992px) {
    .storage-configurator-wrapper .storage-configurator-metrics, .storage-configurator-wrapper .storage-configurator-slider-wrapper {
        width: 75%
    }
}

.storage-configurator-wrapper .selected {
    position: relative;
    padding: 20px;
    background-color: #fff
}

.storage-configurator-wrapper .selected.animation .card-heading, .storage-configurator-wrapper .selected.animation .info-cell, .storage-configurator-wrapper .selected.animation .select-btn {
    transition: opacity .3s ease-in-out
}

.storage-configurator-wrapper .selected.show .card-heading, .storage-configurator-wrapper .selected.show .info-cell, .storage-configurator-wrapper .selected.show .select-btn {
    opacity: 1
}

.storage-configurator-wrapper .selected.hide .card-heading, .storage-configurator-wrapper .selected.hide .info-cell, .storage-configurator-wrapper .selected.hide .select-btn {
    opacity: 0
}

.storage-configurator-wrapper .selected.preloader .card-heading::after, .storage-configurator-wrapper .selected.preloader .info-cell::after {
    content: ".";
    color: transparent;
    width: 75%;
    background: #e0e0e0;
    display: inline-block
}

.storage-configurator-wrapper .selected.preloader .card-heading.value::after, .storage-configurator-wrapper .selected.preloader .info-cell.value::after {
    width: 4rem
}

.storage-configurator-wrapper .selected.preloader .card-heading::after {
    width: 15%
}

.storage-configurator-wrapper .selected.preloader .select-btn {
    background-color: #e0e0e0;
    box-shadow: none;
    cursor: default;
    width: 100px
}

.storage-configurator-wrapper .selected.preloader .select-btn::before {
    content: none;
    display: none
}

.storage-configurator-wrapper .selected.preloader .select-btn:hover {
    box-shadow: none;
    background-color: #e0e0e0
}

.storage-configurator-wrapper .selected h4 {
    display: none
}

.storage-configurator-wrapper .selected .line {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.storage-configurator-wrapper .selected .info {
    display: block
}

.storage-configurator-wrapper .selected .info-line {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #474747
}

.storage-configurator-wrapper .selected .info-line.small {
    font-size: .8571428571rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    color: #8b7b7f;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    line-height: 1.5;
    margin-bottom: 0
}

.storage-configurator-wrapper .selected .info-cell {
    width: 100%
}

.storage-configurator-wrapper .selected .select-btn {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    margin-right: 10px;
    padding: 10px 15px;
    height: 40px;
    transition: color .1s ease-in-out, border .3s ease-in-out, background-color .3s ease-in-out;
    min-width: 100px
}

.storage-configurator-wrapper .selected .select-btn:hover {
    background: #87CEEB
}

.storage-configurator-wrapper .selected .select-btn:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

.storage-configurator-wrapper .selected .select-btn .light-text {
    text-transform: capitalize;
    font-weight: 300
}

.storage-configurator-wrapper .selected .select-btn.arrow {
    margin-right: 10px
}

.storage-configurator-wrapper .selected .select-btn.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.storage-configurator-wrapper .selected .select-btn.arrow:hover::before {
    border-left-color: #87CEEB
}

.storage-configurator-wrapper .selected .select-btn.arrow:disabled::before {
    border-left-color: #0938de
}

.storage-configurator-wrapper .selected .select-btn::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.storage-configurator-wrapper .selected .select-btn:hover::before {
    border-left-color: #87CEEB
}

.storage-configurator-wrapper .selected .select-btn:disabled::before {
    border-left-color: #0938de
}

.storage-configurator-wrapper .selected .select-btn svg {
    display: none
}

@media screen and (min-width: 992px) {
    .storage-configurator-wrapper .selected .line {
        flex-direction: row;
        align-items: center
    }

    .storage-configurator-wrapper .selected .info-line {
        flex-direction: row;
        margin-bottom: 5px
    }

    .storage-configurator-wrapper .selected .info-cell.data {
        width: 130px
    }

    .storage-configurator-wrapper .selected .info-cell.value {
        width: auto;
        min-width: 130px
    }

    .storage-configurator-wrapper .selected .select-btn {
        margin-left: 30px
    }
}

@media screen and (max-width: 991.98px) {
    .storage-configurator-wrapper .selected .info-line.small {
        display: none
    }

    .storage-configurator-wrapper .selected .info-cell.data {
        margin-bottom: 4px
    }
}

.reviews-section {
    padding-top: 30px;
    padding-bottom: 0;
    min-height: 500px
}

.reviews-section .head {
    padding: 30px 30px 20px;
    margin-bottom: 1px;
    background-color: #fff
}

.reviews-section .head p {
    max-width: 640px
}

@media (max-width: 575.98px) {
    .reviews-section .head {
        padding: 20px
    }
}

.reviews-section .ish--row, .reviews-section .row {
    margin: -.5px
}

.reviews-section .ish--row .col, .reviews-section .ish--row .ish--col, .reviews-section .ish--row [class^=col-], .reviews-section .row .col, .reviews-section .row .ish--col, .reviews-section .row [class^=col-] {
    padding: .5px
}

.reviews-section ul {
    list-style: none
}

.reviews-section ul li a {
    display: inline-block
}

.reviews-section ul li figure {
    margin: 0
}

.reviews-section .hostadvice {
    background-color: #fff;
    padding: 20px 30px 30px;
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 100%
}

.reviews-section .hostadvice img {
    margin-bottom: 10px
}

.reviews-section .hostadvice.rating img {
    margin-bottom: 20px
}

.reviews-section .hostadvice.rating .rating-image {
    max-width: 100%
}

.reviews-section .hostadvice span {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747
}

@media (max-width: 575.98px) {
    .reviews-section .hostadvice {
        padding: 20px
    }
}

.reviews-section .review-slider {
    width: 100%;
    position: relative;
    overflow-x: hidden;
    padding: 20px 30px;
    background-color: #fff;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.reviews-section .review-slider::-webkit-scrollbar {
    display: none
}

.reviews-section .review-slider .user {
    display: flex;
    margin-bottom: 20px
}

.reviews-section .review-slider .user .avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-size: 100%;
    margin-right: 15px
}

.reviews-section .review-slider .user .user-info {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.reviews-section .review-slider .user .user-info .name {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.4285714286rem;
    line-height: 1.7142857143rem;
    color: #231f20;
    margin-bottom: 5px
}

.reviews-section .review-slider .user .user-info .location {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #8b7b7f
}

.reviews-section .review-slider .score {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.reviews-section .review-slider .score .stars {
    display: flex;
    margin-left: 10px
}

.reviews-section .review-slider .review-title {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1.4285714286rem;
    line-height: 1.7142857143rem;
    color: #231f20;
    margin-bottom: 20px
}

.reviews-section .review-slider a {
    display: flex;
    padding: 5px 10px;
    background-color: rgba(71, 71, 71, .1);
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: .7142857143rem;
    line-height: .8571428571rem;
    text-transform: uppercase;
    color: #474747;
    transition: background-color .3s ease-in-out;
    margin-bottom: 20px
}

.reviews-section .review-slider a:hover {
    background-color: rgba(71, 71, 71, .2)
}

.reviews-section .review-slider .review-text {
    font-style: normal;
    color: #474747
}

.reviews-section .review-slider-wrapper {
    min-height: 300px;
    position: relative
}

@media screen and (max-width: 767.98px) {
    .reviews-section .review-slider-wrapper {
        min-height: 360px
    }
}

.reviews-section .review-slider-wrapper .slide {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    min-height: 300px;
    overflow: hidden
}

@media screen and (max-width: 767.98px) {
    .reviews-section .review-slider-wrapper .slide {
        min-height: 360px
    }
}

.reviews-section .review-slider-wrapper .slide.animation {
    position: absolute;
    top: 0;
    transition: left .7s ease-in-out, opacity .7s ease-in-out, transform .7s ease-in-out
}

.reviews-section .review-slider-wrapper .slide.left {
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.reviews-section .review-slider-wrapper .slide.right {
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.reviews-section .review-slider-wrapper .slide.current {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.reviews-section .review-slider-wrapper .slide .controls {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column
}

.reviews-section .review-slider-wrapper .slide .controls .plans-link {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    margin-right: 10px;
    padding: 10px 15px;
    height: 40px;
    transition: color .1s ease-in-out, border .3s ease-in-out, background-color .3s ease-in-out;
    margin-bottom: 20px
}

.reviews-section .review-slider-wrapper .slide .controls .plans-link:hover {
    background: #87CEEB
}

.reviews-section .review-slider-wrapper .slide .controls .plans-link:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

.reviews-section .review-slider-wrapper .slide .controls .plans-link .light-text {
    text-transform: capitalize;
    font-weight: 300
}

.reviews-section .review-slider-wrapper .slide .controls .plans-link.arrow {
    margin-right: 10px
}

.reviews-section .review-slider-wrapper .slide .controls .plans-link.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.reviews-section .review-slider-wrapper .slide .controls .plans-link.arrow:hover::before {
    border-left-color: #87CEEB
}

.reviews-section .review-slider-wrapper .slide .controls .plans-link.arrow:disabled::before {
    border-left-color: #0938de
}

.reviews-section .review-slider-wrapper .slide .controls .plans-link::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.reviews-section .review-slider-wrapper .slide .controls .plans-link:hover::before {
    border-left-color: #87CEEB
}

.reviews-section .review-slider-wrapper .slide .controls .plans-link:disabled::before {
    border-left-color: #0938de
}

.reviews-section .review-slider-wrapper .slide .controls .plans-link span {
    font-weight: 400
}

.reviews-section .review-slider-controls {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    margin-top: 1px
}

.reviews-section .review-slider-controls .next, .reviews-section .review-slider-controls .prev {
    background-color: #fff;
    height: 60px;
    width: 60px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-right: 1px solid #f7f7f7
}

.reviews-section .review-slider-controls .next svg path, .reviews-section .review-slider-controls .prev svg path {
    transition: stroke-opacity .3s ease-in-out;
    stroke-opacity: .5
}

.reviews-section .review-slider-controls .next:hover svg path, .reviews-section .review-slider-controls .prev:hover svg path {
    stroke-opacity: 1
}

@media (max-width: 575.98px) {
    .reviews-section .review-slider {
        padding: 20px
    }
}

@media (max-width: 575.98px) {
    .reviews-section {
        padding-top: 20px
    }
}

.faq-list {
    padding: 0 30px
}

.faq-list-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start
}

.faq-list-container {
    position: relative;
    width: 100%
}

.faq-list-container .empty-result {
    margin-top: 20px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 30px;
    background: #fff;
    width: 100%
}

.faq-list-container .empty-result.animation {
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out .3s
}

.faq-list-container .empty-result.animation.reverse {
    transition: unset;
    opacity: 0
}

.faq-list-container .empty-result.show {
    opacity: 1
}

.faq-list-container .empty-result.hide {
    opacity: 0
}

.faq-list-container .empty-result svg {
    fill: #999;
    margin-bottom: 15px
}

.faq-list-container .empty-result h5 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.2857142857rem;
    line-height: 1.22;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    font-style: normal;
    margin-bottom: 20px
}

.faq-list-container .empty-result span {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    margin-bottom: 30px
}

.faq-list-container .empty-result .ish--btn--secondary {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    margin-right: 10px;
    padding: 10px 15px;
    height: 40px;
    transition: color .1s ease-in-out, border .3s ease-in-out, background-color .3s ease-in-out
}

.faq-list-container .empty-result .ish--btn--secondary:hover {
    background: #87CEEB
}

.faq-list-container .empty-result .ish--btn--secondary:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

.faq-list-container .empty-result .ish--btn--secondary .light-text {
    text-transform: capitalize;
    font-weight: 300
}

.faq-list-container .empty-result .ish--btn--secondary.arrow {
    margin-right: 10px
}

.faq-list-container .empty-result .ish--btn--secondary.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.faq-list-container .empty-result .ish--btn--secondary.arrow:hover::before {
    border-left-color: #87CEEB
}

.faq-list-container .empty-result .ish--btn--secondary.arrow:disabled::before {
    border-left-color: #0938de
}

.faq-list-container .empty-result .ish--btn--secondary::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.faq-list-container .empty-result .ish--btn--secondary:hover::before {
    border-left-color: #87CEEB
}

.faq-list-container .empty-result .ish--btn--secondary:disabled::before {
    border-left-color: #0938de
}

.faq-list-item {
    min-height: unset;
    position: relative;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    height: auto;
    flex-direction: column;
    background: 0 0;
    border-bottom: 1px solid rgba(71, 71, 71, .1);
    min-width: 100%;
    margin: 0
}

.faq-list-item:hover {
    box-shadow: none;
    background: 0 0
}

.faq-list-item:last-child {
    margin-bottom: 0
}

.faq-list-item-cell {
    padding: 0
}

.faq-list-item .title {
    padding: 20px 20px 20px 0;
    position: relative;
    cursor: pointer;
    transition: color .3s;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    font-size: 1.4285714286rem;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    line-height: 1.5714285714rem
}

@media (max-width: 575.98px) {
    .faq-list-item .title {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.faq-list-item .title h3 {
    transition: color .3s ease-in-out
}

.faq-list-item .title svg {
    min-width: 12px;
    transition: all .3s ease-in-out;
    margin-left: 10px
}

.faq-list-item .title[aria-expanded=true] {
    padding-bottom: 0
}

.faq-list-item .content {
    margin: 20px 0;
    display: inline-block;
    width: 100%;
    max-width: 790px
}

.faq-list-item .content .faq-list {
    border-top: 1px solid rgba(71, 71, 71, .1)
}

.faq-list-item .content .article {
    border: none;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747
}

.faq-list-item .content .article a {
    color: #369;
    transition: all .3s
}

.faq-list-item .content .article a:hover {
    color: #1f5080
}

.faq-list-item .content .article a span {
    display: inline-block;
    color: #369;
    font-size: 1.1428571429rem;
    line-height: normal;
    font-weight: 600;
    transition: all .3s ease-in-out;
    font-size: 1rem;
    font-weight: 400
}

.faq-list-item .content .article a span:hover {
    color: #1f5080
}

.faq-list-item .content .article p {
    margin-bottom: 15px
}

.faq-list-item .content .article p:last-of-type {
    margin-bottom: 0
}

.faq-list-item .content .article b {
    font-weight: 600
}

.faq-list-item .content .article ul {
    list-style: none;
    margin: 15px 0
}

.faq-list-item .content .article ul li {
    margin-bottom: 10px;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    padding: 0 0 0 30px
}

.faq-list-item .content .article ol {
    padding: 0;
    margin-bottom: 15px
}

.faq-list-item .content .article ol li {
    padding-left: 30px;
    margin-bottom: 10px;
    text-indent: 0;
    list-style-type: none;
    counter-increment: counter-item;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747
}

.faq-list-item .content .article ol li::before {
    padding-right: 15px;
    margin-left: -30px;
    display: inline-block;
    width: 1em;
    font-weight: 700;
    text-align: right;
    content: counter(counter-item) "."
}

.faq-list-item .title + .content {
    display: none
}

.faq-list-item .title + .content .faq-list {
    padding-left: 20px
}

.faq-list-item .title + .content .faq-list .title {
    font-size: 1.1428571429rem
}

.faq-list-item .title[aria-expanded=true] svg {
    transform: rotate(180deg)
}

.faq-list-item .title[aria-expanded=true] + .content {
    display: block
}

.faq-list-item .found {
    background: #0938de
}

.faq-list:not(.preloader) .title:hover h3 {
    color: #369
}

.faq-list:not(.preloader) .title-text {
    position: relative;
    display: inline-block
}

.faq-list:not(.preloader) .title svg {
    will-change: transform
}

.faq-list.preloader .faq-list-item:hover {
    cursor: default
}

.faq-list.preloader .title {
    display: flex
}

.faq-list.preloader .title .title-icon {
    width: 20px;
    height: 20px
}

.faq-list.preloader .title .title-icon::after {
    content: ".";
    color: transparent;
    width: 20px;
    background: #e0e0e0;
    display: inline-block
}

.faq-list.preloader .title .title-icon:after {
    height: 20px
}

.faq-list.preloader .title .title-text {
    width: 100%;
    margin-left: 20px
}

.faq-list.preloader .title .title-text::after {
    content: ".";
    color: transparent;
    width: 50%;
    background: #e0e0e0;
    display: inline-block
}

.service-plans-page .faq-list-item .title {
    font-style: normal;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif
}

@media (max-width: 575.98px) {
    .service-plans-page .faq-list-item .title {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.faq-section {
    padding: 30px 0;
    margin-bottom: 30px
}

.faq-section .services-list {
    background: 0 0;
    padding: 0;
    margin: 0
}

.faq-section .services-list-item {
    box-shadow: none
}

.faq-section h2, .faq-section h3 {
    margin: 0 0 20px
}

.faq-section ul {
    list-style: none
}

.faq-section .collapse-toggle:hover {
    cursor: pointer
}

.faq-section .collapse-toggle:hover .faq-question {
    color: #369
}

.faq-section .faq-question {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: normal;
    color: #231f20
}

.faq-section .faq-question:hover {
    color: #369
}

.faq-section .faq-separator {
    margin: 10px 0
}

.faq-section .faq-body span {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    margin: 10px 0;
    display: inline-block;
    width: 100%
}

.faq-section .faq-body-link {
    display: inline-block;
    color: #369;
    font-size: 1.1428571429rem;
    line-height: normal;
    font-weight: 600;
    transition: all .3s ease-in-out;
    margin-top: 25px;
    margin-bottom: 10px;
    width: 100%
}

.faq-section .faq-body-link:hover {
    color: #1f5080
}

@media (max-width: 991.98px) {
    .faq-section .container .container, .faq-section .container .ish--grid, .faq-section .ish--grid .container, .faq-section .ish--grid .ish--grid {
        padding: 0 30px
    }
}

@media (max-width: 575.98px) {
    .faq-section {
        padding: 20px 0;
        margin-bottom: 0
    }

    .faq-section .container .container, .faq-section .container .ish--grid, .faq-section .ish--grid .container, .faq-section .ish--grid .ish--grid {
        padding: 0
    }
}

.payment-methods-section {
    padding-top: 40px;
    padding-bottom: 20px
}

.payment-methods-section h3 {
    margin: 0 0 30px
}

.payment-methods-section ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-around
}

@media screen and (min-width: 576px) {
    .payment-methods-section ul {
        justify-content: flex-start
    }
}

.payment-methods-section ul li {
    margin: 0 5px 20px;
    width: 116px;
    height: 50px;
    background-color: #fbfbfb
}

@media screen and (min-width: 576px) {
    .payment-methods-section ul li {
        margin: 0 10px 20px 0
    }
}

@media screen and (min-width: 768px) {
    .payment-methods-section ul li {
        margin: 0 20px 20px 0
    }
}

.payment-methods-section ul li figure {
    width: 116px;
    height: 50px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.payment-methods-section ul li figure svg {
    width: 116px;
    height: 50px
}

.payment-methods-section ul li figure figcaption {
    font-size: .8571428571rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    color: #474747;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    line-height: 1.5;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 100%;
    width: 100%;
    text-align: center
}

.payment-methods-section ul li figure.custom {
    background: #fbfbfb
}

.payment-methods-section ul li figure.paypal svg {
    width: 86px;
    height: auto
}

.payment-methods-section ul li figure.coin-payments svg {
    width: 96px;
    height: auto
}

.payment-methods-section ul li figure.adv-cash svg {
    width: 86px;
    height: auto
}

.payment-methods-section ul li figure.inter-kassa svg {
    width: 86px;
    height: auto
}

.payment-methods-section ul li figure.qiwi svg {
    width: auto;
    height: 40px
}

.payment-methods-section ul li figure.capitalist svg {
    width: 86px;
    height: auto
}

.payment-methods-section ul li figure.union-pay svg {
    width: auto;
    height: 40px
}

.payment-methods-section ul li figure.i-deal svg {
    width: auto;
    height: 40px
}

.payment-methods-section ul li figure.dot-pay svg {
    width: 86px;
    height: auto
}

.payment-methods-section ul li figure.alipay svg {
    width: 86px;
    height: auto
}

.payment-methods-section ul li figure.pay-sera svg {
    width: 86px;
    height: auto
}

.reviews-block {
    width: 100%;
    background-color: #fff;
    padding: 30px;
    margin-bottom: 30px
}

.reviews-block-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px
}

.reviews-block-head span {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: .8571428571rem;
    line-height: 1.2857142857rem;
    color: #474747;
    opacity: .5
}

@media screen and (max-width: 575.98px) {
    .reviews-block-head {
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: start
    }

    .reviews-block-head span {
        align-self: flex-end
    }
}

.reviews-block-score {
    margin-bottom: 20px
}

.reviews-block-data {
    padding: 10px 0;
    border-top: 1px solid rgba(35, 31, 32, .05)
}

.reviews-block-data .ish--row, .reviews-block-data .row {
    margin-right: -20px;
    margin-left: -20px
}

.reviews-block-data .ish--row .col, .reviews-block-data .ish--row .ish--col, .reviews-block-data .ish--row [class^=col-], .reviews-block-data .row .col, .reviews-block-data .row .ish--col, .reviews-block-data .row [class^=col-] {
    padding: 0 20px
}

.reviews-block-data .data-item {
    padding: 10px 0;
    display: flex;
    align-items: center
}

.reviews-block-data .data-item.link {
    justify-content: flex-end
}

.reviews-block-data .data-item.link a {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.4285714286rem;
    text-transform: none;
    font-style: normal;
    font-weight: 600;
    color: #369;
    transition: color .3s ease-in-out
}

.reviews-block-data .data-item.link a:hover {
    color: #1f5080
}

.reviews-block-data .data-item .title {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #474747
}

.reviews-block-data .data-item svg {
    margin-left: auto;
    margin-right: 20px
}

.reviews-block-data .data-item .score {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.4285714286rem;
    color: #231f20
}

.reviews-block-data .data-item.border {
    border-bottom: 1px solid rgba(35, 31, 32, .05)
}

@media screen and (max-width: 991.98px) {
    .reviews-block-data .data-item {
        border-bottom: 1px solid rgba(35, 31, 32, .05)
    }

    .reviews-block-data .data-item.link {
        border-bottom: none
    }
}

@media screen and (max-width: 767.98px) {
    .reviews-block-data {
        padding-bottom: 0
    }
}

@media (max-width: 767.98px) {
    .reviews-block {
        padding: 20px;
        margin-bottom: 20px
    }
}

.subscribe-section .container, .subscribe-section .ish--grid {
    margin-bottom: 1px
}

.subscribe-section .email-subscribe-card {
    background: #fff;
    padding: 30px 20px 20px
}

.subscribe-section .email-subscribe-card h4 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.2857142857rem;
    line-height: 1.22;
    font-weight: 600;
    letter-spacing: 0;
    color: #231f20;
    font-stretch: normal;
    font-style: normal;
    margin-bottom: 20px
}

.subscribe-section .email-subscribe-card p {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    letter-spacing: normal;
    color: #474747;
    margin-bottom: 20px
}

@media screen and (max-width: 575.98px) {
    .subscribe-section .email-subscribe-card {
        padding: 20px
    }
}

.subscribe-section .email-subscribe-form-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column
}

.subscribe-section .email-subscribe-form-wrapper .ish--btn--primary {
    display: flex;
    align-items: center;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    vertical-align: baseline;
    line-height: 1.4285714286rem;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 1.1428571429rem;
    line-height: 1.1428571429rem;
    background: #0938de;
    position: relative;
    padding: 10px 15px;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 40px;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    margin-right: 10px;
    padding: 10px 15px;
    height: 40px;
    transition: color .1s ease-in-out, border .3s ease-in-out, background-color .3s ease-in-out;
    margin-top: 0;
    min-width: 140px
}

.subscribe-section .email-subscribe-form-wrapper .ish--btn--primary:hover {
    background: #87CEEB
}

.subscribe-section .email-subscribe-form-wrapper .ish--btn--primary:disabled {
    background-color: #0938de;
    color: rgba(35, 31, 32, .5);
    cursor: not-allowed
}

.subscribe-section .email-subscribe-form-wrapper .ish--btn--primary .light-text {
    text-transform: capitalize;
    font-weight: 300
}

.subscribe-section .email-subscribe-form-wrapper .ish--btn--primary.arrow {
    margin-right: 10px
}

.subscribe-section .email-subscribe-form-wrapper .ish--btn--primary.arrow::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translateX(calc(100% - 1px));
    transform: translate(calc(100% - 1px), -.5px)
}

.subscribe-section .email-subscribe-form-wrapper .ish--btn--primary.arrow:hover::before {
    border-left-color: #87CEEB
}

.subscribe-section .email-subscribe-form-wrapper .ish--btn--primary.arrow:disabled::before {
    border-left-color: #0938de
}

.subscribe-section .email-subscribe-form-wrapper .ish--btn--primary::before {
    transition: border-left-color .3s ease-in-out, color .3s ease-in-out;
    width: 0;
    right: 0;
    height: 0;
    top: .5px;
    border-top: 19.5px solid transparent;
    border-bottom: 19.5px solid transparent;
    border-left: 10px solid #0938de;
    color: #fff;
    position: absolute;
    content: "";
    transform: translate(calc(100% - 1px), -.5px)
}

.subscribe-section .email-subscribe-form-wrapper .ish--btn--primary:hover::before {
    border-left-color: #87CEEB
}

.subscribe-section .email-subscribe-form-wrapper .ish--btn--primary:disabled::before {
    border-left-color: #0938de
}

.subscribe-section .social-networks {
    margin-bottom: 60px
}

.subscribe-section .social-networks .ish--row, .subscribe-section .social-networks .row {
    margin: -.5px
}

.subscribe-section .social-networks .ish--row [class^=col-], .subscribe-section .social-networks .row [class^=col-] {
    padding: .5px
}

.subscribe-section .social-networks .data .network {
    height: 100%;
    width: 100%;
    padding: 20px 30px 30px;
    background-color: rgba(255, 255, 255, .1);
    display: flex;
    align-items: center;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    transition: all .15s ease-in-out 0s
}

.subscribe-section .social-networks .data .network svg {
    margin-right: 15px
}

.subscribe-section .social-networks .data .network svg path {
    transition: all .15s ease-in-out 0s
}

.subscribe-section .social-networks .data .network:hover {
    background-color: rgba(255, 255, 255, .2)
}

@media screen and (max-width: 575.98px) {
    .subscribe-section .social-networks .data .network {
        padding: 20px
    }
}

@media screen and (max-width: 575.98px) {
    .subscribe-section .social-networks {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 575.98px) {
    .subscribe-section .email-subscribe-form-wrapper {
        align-items: stretch
    }

    .subscribe-section .email-subscribe-form-wrapper .ish--btn--primary {
        width: calc(100% - 10px)
    }
}

@media screen and (min-width: 576px) {
    .subscribe-section .email-subscribe-card {
        padding-right: 30px;
        padding-left: 30px
    }

    .subscribe-section .email-subscribe-form-wrapper {
        flex-direction: row
    }

    .subscribe-section .email-subscribe-form-wrapper .ish--form-item.input-wrapper {
        max-width: 355px;
        margin-right: 10px;
        margin-bottom: 2.5rem
    }

    .subscribe-section .email-subscribe-form-wrapper .ish--btn--primary {
        margin-top: 0
    }
}

.special-offers .btns-block {
    display: flex;
    margin-top: 30px;
    padding: 0 30px
}

.special-offers .btns-block .ish--btn.ish--btn--secondary.dark {
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    transition: background-color .3s ease-in-out;
    margin-right: 10px
}

.special-offers .btns-block .ish--btn.ish--btn--secondary.dark svg {
    margin-right: 10px
}

.special-offers .btns-block .ish--btn.ish--btn--secondary.dark:last-child {
    margin-right: 0
}

.special-offers .btns-block .ish--btn.ish--btn--secondary.dark:hover {
    background-color: rgba(255, 255, 255, .3)
}

@media screen and (max-width: 767.98px) {
    .special-offers .btns-block {
        flex-direction: column
    }

    .special-offers .btns-block .ish--btn.ish--btn--secondary.dark {
        margin-right: 0;
        margin-bottom: 10px
    }

    .special-offers .btns-block .ish--btn.ish--btn--secondary.dark:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 575.98px) {
    .special-offers .btns-block {
        margin-top: 20px;
        padding: 0
    }

    .special-offers .btns-block .ish--btn.ish--btn--secondary.dark {
        margin-bottom: 5px
    }

    .special-offers .btns-block .ish--btn.ish--btn--secondary.dark:last-child {
        margin-bottom: 0
    }
}

.special-offers .subscribe-section {
    background-color: #231f20
}

.special-offers .subscribe-section .email-subscribe-card {
    background-color: rgba(255, 255, 255, .1)
}

.special-offers .subscribe-section .email-subscribe-card h4 {
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    color: #fff;
    font-size: 1.7142857143rem;
    line-height: 1.7142857143rem
}

.special-offers .subscribe-section .email-subscribe-card p {
    font-size: 1.1428571429rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7142857143rem;
    letter-spacing: normal;
    color: #fff;
    color: rgba(255, 255, 255, .5);
    max-width: 40rem
}

@media (max-width: 575.98px) {
    .special-offers .subscribe-section .email-subscribe-card p {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.special-offers .subscribe-section .email-subscribe-card .ish--text-input__field-wrapper {
    background: rgba(255, 255, 255, .05)
}

.special-offers .subscribe-section .email-subscribe-card .ish--text-input__field-wrapper input {
    color: #fff;
    box-shadow: inset 0 -1px 0 #928f90
}

.special-offers .subscribe-section .email-subscribe-card .ish--text-input__field-wrapper input::placeholder {
    color: rgba(255, 255, 255, .3);
    opacity: 1
}

.special-offers .subscribe-section .email-subscribe-card .ish--text-input__field-wrapper input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .3)
}

.blog-post-card {
    background: #fff;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    padding: 0;
    position: relative
}

.blog-post-card:hover .blog-post-card-title {
    color: #1f5080
}

.blog-post-card img {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .03));
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 100%
}

.blog-post-card .blog-post-card-body {
    display: flex;
    flex-direction: column;
    padding: 20px 30px;
    height: 100%
}

.blog-post-card .blog-post-card-title {
    transition: color .3s ease-in-out;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.blog-post-card .blog-post-card-options {
    display: flex;
    font-size: .9285714286rem;
    line-height: 1.4285714286rem;
    color: rgba(71, 71, 71, .5);
    margin-top: auto
}

.blog-post-card .stretched-link:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.blog-posts-section {
    padding: 30px 0;
    margin-bottom: 30px;
    margin-top: 30px
}

.blog-posts-section .ish--row, .blog-posts-section .row {
    list-style: none
}

.blog-posts-section .ish--row [class^=col-], .blog-posts-section .row [class^=col-] {
    margin-top: 20px
}

.blog-posts-section .blog-posts-section-controls {
    display: flex;
    flex-direction: column;
    align-items: start
}

.blog-posts-section .blog-post-card {
    height: 100%
}

.blog-posts-section .blog-post-card img {
    aspect-ratio: 1.78
}

.blog-posts-section .blog-post-card .blog-post-card-options .author {
    display: none
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .blog-posts-section .blog-post-card .blog-post-card-options .author {
        display: inline
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .blog-posts-section .blog-post-card {
        flex-direction: row;
        height: 150px
    }

    .blog-posts-section .blog-post-card > * {
        width: 50%
    }

    .blog-posts-section .blog-post-card img {
        object-fit: cover;
        border-top-right-radius: 0;
        border-bottom-left-radius: 3px
    }

    .blog-posts-section .blog-post-card .blog-post-card-text {
        display: none
    }

    .blog-posts-section .blog-post-card .blog-post-card-body {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 991.98px) {
    .blog-posts-section {
        padding: 20px 0;
        margin-bottom: 20px;
        margin-top: 0
    }

    .blog-posts-section .container .container, .blog-posts-section .container .ish--grid, .blog-posts-section .ish--grid .container, .blog-posts-section .ish--grid .ish--grid {
        padding: 20px
    }
}

@media (max-width: 767.98px) {
    .blog-posts-section .container .container, .blog-posts-section .container .ish--grid, .blog-posts-section .ish--grid .container, .blog-posts-section .ish--grid .ish--grid {
        padding: 0
    }
}

.cases-page .cases-section {
    margin: 30px 0
}

@media (max-width: 575.98px) {
    .cases-page .cases-section {
        margin: 20px 0
    }
}

.cases-page .advantages-big-section {
    min-height: unset
}

.cases-page .cases-list .ish--row, .cases-page .cases-list .row {
    margin: -15px
}

.cases-page .cases-list .ish--row .col, .cases-page .cases-list .ish--row .ish--col, .cases-page .cases-list .ish--row [class^=col-], .cases-page .cases-list .row .col, .cases-page .cases-list .row .ish--col, .cases-page .cases-list .row [class^=col-] {
    padding: 15px
}

@media (max-width: 1199.98px) {
    .cases-page .cases-list .ish--row, .cases-page .cases-list .row {
        margin: -15px -10px
    }

    .cases-page .cases-list .ish--row .col, .cases-page .cases-list .ish--row .ish--col, .cases-page .cases-list .ish--row [class^=col-], .cases-page .cases-list .row .col, .cases-page .cases-list .row .ish--col, .cases-page .cases-list .row [class^=col-] {
        padding: 15px 10px
    }
}

@media (max-width: 767.98px) {
    .cases-page .cases-list .ish--row, .cases-page .cases-list .row {
        margin: -10px
    }

    .cases-page .cases-list .ish--row .col, .cases-page .cases-list .ish--row .ish--col, .cases-page .cases-list .ish--row [class^=col-], .cases-page .cases-list .row .col, .cases-page .cases-list .row .ish--col, .cases-page .cases-list .row [class^=col-] {
        padding: 10px
    }
}

.cases-page .cases-list-item {
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%
}

.cases-page .cases-list-item .content {
    padding: 20px 30px 30px
}

.cases-page .cases-list-item .content .subtitle {
    display: block;
    margin-bottom: 10px;
    color: #8b7b7f;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase
}

.cases-page .cases-list-item .content .title {
    margin-bottom: 10px;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

@media (max-width: 767.98px) {
    .cases-page .cases-list-item .content .title {
        font-size: 18px;
        line-height: 22px
    }
}

@media (max-width: 575.98px) {
    .cases-page .cases-list-item .content .title {
        font-size: 16px;
        line-height: 20px
    }
}

.cases-page .cases-list-item .content .description {
    margin-bottom: 0;
    color: #474747;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

@media (max-width: 991.98px) {
    .cases-page .cases-list-item .content {
        padding: 20px 20px 30px
    }
}

@media (max-width: 767.98px) {
    .cases-page .cases-list-item .content {
        padding: 20px
    }
}

.cases-page .cases-list-item .image {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px
}


.cases-page .cases-list-item.main {
    flex-direction: row
}

.cases-page .cases-list-item.main .image {
    width: 750px;
    height: 100%
}

@media (max-width: 1199.98px) {
    .cases-page .cases-list-item.main .image {
        width: 451px
    }
}

@media (max-width: 991.98px) {
    .cases-page .cases-list-item.main .image {
        width: 349px
    }
}

@media (max-width: 767.98px) {
    .cases-page .cases-list-item.main .image {
        width: 100%;
        height: 268px
    }
}

@media (max-width: 575.98px) {
    .cases-page .cases-list-item.main .image {
        width: 100%;
        height: 170px
    }
}

.cases-page .cases-list-item.main .content {
    flex: 1
}

.cases-page .cases-list-item.main .content .title {
    font-size: 36px;
    line-height: 40px
}

@media (max-width: 767.98px) {
    .cases-page .cases-list-item.main .content .title {
        font-size: 30px;
        line-height: 36px
    }
}

@media (max-width: 575.98px) {
    .cases-page .cases-list-item.main .content .title {
        font-size: 28px;
        line-height: 32px
    }
}

@media (max-width: 991.98px) {
    .cases-page .cases-list-item.main .content {
        padding: 20px 20px 30px 30px
    }
}

@media (max-width: 767.98px) {
    .cases-page .cases-list-item.main .content {
        padding: 20px 20px 30px
    }
}

@media (max-width: 767.98px) {
    .cases-page .cases-list-item.main {
        flex-direction: column
    }
}

.cases-page .cases-list-item.empty {
    position: relative;
    border-radius: 3px;
    border: 1px dashed rgba(35, 31, 32, .1);
    background-color: rgba(255, 255, 255, .5);
    background-repeat: no-repeat;
    background-position: center center
}

.cases-page .cases-share-section {
    background-color: #231f20;
    margin: 30px 0 60px;
    overflow: hidden
}

.cases-page .cases-share-section .share-block {
    position: relative;
    padding: 60px 0
}

.cases-page .cases-share-section .share-block:before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: right center
}

@media screen and (max-width: 991.98px) {
    .cases-page .cases-share-section .share-block:before {
        right: -60px
    }
}

@media screen and (max-width: 767.98px) {
    .cases-page .cases-share-section .share-block:before {
        content: none;
        background-image: unset
    }
}

.cases-page .cases-share-section .share-block .info {
    max-width: 700px;
    padding: 0 30px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column
}

@media screen and (max-width: 1199.98px) {
    .cases-page .cases-share-section .share-block .info {
        max-width: 620px
    }
}

@media screen and (max-width: 991.98px) {
    .cases-page .cases-share-section .share-block .info {
        max-width: 480px
    }
}

@media screen and (max-width: 767.98px) {
    .cases-page .cases-share-section .share-block .info {
        max-width: unset
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .cases-share-section .share-block .info {
        padding: 0
    }
}

.cases-page .cases-share-section .share-block .title {
    margin-bottom: 20px;
    color: rgba(255, 255, 255, .9);
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

@media screen and (max-width: 767.98px) {
    .cases-page .cases-share-section .share-block .title {
        font-size: 22px;
        line-height: 22px
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .cases-share-section .share-block .title {
        font-size: 20px;
        line-height: 20px
    }
}

.cases-page .cases-share-section .share-block .text {
    margin-bottom: 20px;
    color: rgba(255, 255, 255, .9);
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

@media screen and (max-width: 575.98px) {
    .cases-page .cases-share-section .share-block .text {
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .cases-share-section .share-block {
        padding: 0
    }
}

@media screen and (max-width: 991.98px) {
    .cases-page .cases-share-section {
        margin: 30px 0
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .cases-share-section {
        padding: 20px 0;
        margin: 20px 0
    }
}

.cases-page .case-slogan-section .head {
    margin-top: 30px
}

@media screen and (max-width: 575.98px) {
    .cases-page .case-slogan-section .head {
        margin-top: 20px
    }
}

.cases-page .case-slogan-section .data {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.cases-page .case-slogan-section .data .image {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 570px
}



@media (max-width: 1199.98px) {
    .cases-page .case-slogan-section .data .image {
        height: 500px
    }
}

@media (max-width: 991.98px) {
    .cases-page .case-slogan-section .data .image {
        height: 380px
    }
}

@media (max-width: 767.98px) {
    .cases-page .case-slogan-section .data .image {
        height: 290px
    }
}

@media (max-width: 575.98px) {
    .cases-page .case-slogan-section .data .image {
        height: 190px
    }
}

.cases-page .case-slogan-section .data .info {
    display: flex;
    flex-direction: column;
    padding: 30px
}

.cases-page .case-slogan-section .data .info .title {
    margin: 0 0 20px;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px
}

@media (max-width: 767.98px) {
    .cases-page .case-slogan-section .data .info .title {
        font-size: 36px;
        line-height: 43px
    }
}

@media (max-width: 575.98px) {
    .cases-page .case-slogan-section .data .info .title {
        font-size: 32px;
        line-height: 38px
    }
}

.cases-page .case-slogan-section .data .info .description {
    margin: 0;
    color: #474747;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px
}

@media (max-width: 767.98px) {
    .cases-page .case-slogan-section .data .info .description {
        font-size: 18px;
        line-height: 26px
    }
}

@media (max-width: 575.98px) {
    .cases-page .case-slogan-section .data .info .description {
        font-size: 16px;
        line-height: 24px
    }
}

.cases-page .case-slogan-section .data .info .tags {
    margin-top: 30px;
    display: flex;
    gap: 5px
}

.cases-page .case-slogan-section .data .info .tags .tag {
    transition: background-color .3s ease-in-out
}

.cases-page .case-slogan-section .data .info .tags .tag:last-child {
    margin-right: 0
}

.cases-page .case-slogan-section .data .info .tags .tag:hover {
    background-color: rgba(71, 71, 71, .3)
}

@media screen and (max-width: 991.98px) {
    .cases-page .case-slogan-section .data .info .tags {
        margin-top: 20px
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .case-slogan-section .data .info .tags {
        flex-wrap: wrap
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .case-slogan-section .data .info {
        padding: 20px
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .case-slogan-section .data {
        margin-top: 20px
    }
}

.cases-page .block {
    margin-top: 30px;
    background-color: #fff
}

.cases-page .block.transparent {
    background-color: transparent
}

.cases-page .block svg.icon {
    margin-bottom: 20px
}

.cases-page .block .data {
    padding: 30px 30px 20px;
    max-width: 760px;
    position: relative
}

.cases-page .block .data.head {
    padding: 30px 30px 20px;
    max-width: 760px
}

.cases-page .block .data h2, .cases-page .block .data h3 {
    margin-bottom: 20px
}

.cases-page .block .data .info-item-head {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

.cases-page .block .data .info-item-head h2, .cases-page .block .data .info-item-head h3 {
    margin-bottom: 0
}

.cases-page .block .data .info-item-head svg {
    margin-bottom: 20px
}

@media (max-width: 991.98px) {
    .cases-page .block .data .info-item-head {
        flex-direction: row;
        align-items: center
    }

    .cases-page .block .data .info-item-head svg {
        margin-bottom: 0;
        margin-right: 20px
    }
}

.cases-page .block .data p {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    color: #474747;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .cases-page .block .data p {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

.cases-page .block .data p:last-child {
    margin-bottom: 0
}

.cases-page .block .data.ticket {
    padding: 20px 30px 30px
}

.cases-page .block .data.last {
    padding: 20px 30px 20px
}

.cases-page .block .data.last.double {
    padding-bottom: 30px
}

@media (max-width: 1199.98px) {
    .cases-page .block .data {
        max-width: 552px
    }

    .cases-page .block .data.head {
        max-width: 760px
    }
}

@media (max-width: 991.98px) {
    .cases-page .block .data {
        padding: 20px;
        max-width: unset
    }

    .cases-page .block .data.head {
        padding: 30px 30px 20px;
        max-width: 700px
    }

    .cases-page .block .data.ticket {
        padding: 20px
    }

    .cases-page .block .data.last {
        padding: 20px
    }

    .cases-page .block .data.last.double {
        padding-bottom: 20px
    }
}

@media (max-width: 575.98px) {
    .cases-page .block .data {
        padding: 20px
    }

    .cases-page .block .data.head {
        padding: 20px;
        max-width: 700px
    }
}

.cases-page .block.item {
    margin-top: 1px
}

.cases-page .block.item .data {
    background-color: #fff
}

.cases-page .block.list {
    background-color: rgba(255, 255, 255, .5);
    position: relative
}

.cases-page .block.list:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 0
}

.cases-page .block.list .data {
    border-right: 1px solid #f7f7f7;
    padding: 0 50px 0 80px
}

.cases-page .block.list .data-item {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    position: relative
}

.cases-page .block.list .data-item:before {
    content: "";
    position: absolute;
    width: 2px;
    height: calc(100% - 20px * 1.5);
    top: 50px;
    left: -41px;
    background-color: #e9e9e9
}

.cases-page .block.list .data-item:last-child:before {
    height: calc(100% - 20px * 2.5)
}

.cases-page .block.list .data-item .icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 25px;
    left: -50px
}

.cases-page .block.list .data-item .title {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    color: #231f20;
    margin-bottom: 5px
}

.cases-page .block.list .data-item .text {
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    color: #474747;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal
}

@media (max-width: 575.98px) {
    .cases-page .block.list .data-item .text {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 991.98px) {
    .cases-page .block.list .data {
        padding-left: 60px
    }

    .cases-page .block.list .data-item:before {
        left: -31px
    }

    .cases-page .block.list .data-item .icon {
        left: -40px
    }
}

@media (max-width: 575.98px) {
    .cases-page .block {
        margin-top: 20px
    }
}

.cases-page .block .configuration {
    display: flex;
    flex-direction: row;
    margin-top: 1px;
    margin-bottom: 30px;
    padding: 20px 30px 30px;
    background: rgba(255, 255, 255, .5)
}

.cases-page .block .configuration .data {
    padding: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
    background: 0 0;
    max-width: unset
}

.cases-page .block .configuration .data-head {
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 575.98px) {
    .cases-page .block .configuration .data-head {
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px
    }

    .cases-page .block .configuration .data-head svg {
        margin-bottom: 0;
        margin-right: 20px;
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px
    }

    .cases-page .block .configuration .data-head h2 {
        margin-bottom: 0
    }
}

.cases-page .block .configuration .aside {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    padding-left: 20px
}

.cases-page .block .configuration svg {
    margin-bottom: 20px
}

.cases-page .block .configuration h2 {
    margin-bottom: 20px
}

.cases-page .block .configuration p {
    max-width: 640px
}

@media (max-width: 767.98px) {
    .cases-page .block .configuration {
        flex-direction: column
    }

    .cases-page .block .configuration .aside {
        align-items: start;
        margin-top: 20px;
        padding-left: 0
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .block .configuration {
        padding: 20px;
        margin-bottom: 20px
    }
}

.cases-page .review-section {
    margin-top: 30px
}

.cases-page .review-section .review-card {
    display: flex
}

.cases-page .review-section .review-card .avatar {
    display: flex;
    width: 380px;
    min-width: 380px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto
}



@media screen and (max-width: 1199.98px) {
    .cases-page .review-section .review-card .avatar {
        width: 310px;
        min-width: 310px
    }
}

@media screen and (max-width: 991.98px) {
    .cases-page .review-section .review-card .avatar {
        width: 240px;
        min-width: 240px;
        background-size: auto 100%
    }
}

@media screen and (max-width: 767.98px) {
    .cases-page .review-section .review-card .avatar {
        display: none
    }
}

.cases-page .review-section .review-card .info {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.cases-page .review-section .review-card .info:before {
    content: "";
    position: absolute;
    top: 20px;
    right: 30px;
    width: 36px;
    height: 33px;
}

.cases-page .review-section .review-card .info .base {
    display: flex;
    flex-direction: column;
    padding: 30px 30px 0;
    background-color: #fff
}

.cases-page .review-section .review-card .info .base .title {
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px;
    padding-right: 50px
}

@media screen and (max-width: 767.98px) {
    .cases-page .review-section .review-card .info .base .title {
        font-size: 22px;
        line-height: 22px
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .review-section .review-card .info .base .title {
        font-size: 20px;
        line-height: 20px
    }
}

.cases-page .review-section .review-card .info .base .text {
    color: #474747;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

@media screen and (max-width: 575.98px) {
    .cases-page .review-section .review-card .info .base .text {
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 767.98px) {
    .cases-page .review-section .review-card .info .base {
        padding: 30px 30px 20px
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .review-section .review-card .info .base {
        padding: 20px
    }
}

.cases-page .review-section .review-card .info .user {
    display: flex;
    padding: 20px 30px 30px;
    background-color: #fff
}

.cases-page .review-section .review-card .info .user .data {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 767.98px) {
    .cases-page .review-section .review-card .info .user .data {
        flex-direction: column;
        justify-content: center
    }
}

.cases-page .review-section .review-card .info .user .avatar {
    display: none
}

@media screen and (max-width: 767.98px) {
    .cases-page .review-section .review-card .info .user .avatar {
        width: 80px;
        height: 80px;
        min-width: 80px;
        min-height: 80px;
        display: flex;
        border-radius: 100%;
        margin-right: 15px
    }
}

.cases-page .review-section .review-card .info .user .delimeter {
    display: flex;
    align-items: center;
    padding: 0 10px
}

@media screen and (max-width: 767.98px) {
    .cases-page .review-section .review-card .info .user .delimeter {
        display: none
    }
}

.cases-page .review-section .review-card .info .user .name {
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

@media screen and (max-width: 767.98px) {
    .cases-page .review-section .review-card .info .user .name {
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 22px
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .review-section .review-card .info .user .name {
        font-size: 16px;
        line-height: 20px
    }
}

.cases-page .review-section .review-card .info .user .position {
    color: #474747;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

@media screen and (max-width: 575.98px) {
    .cases-page .review-section .review-card .info .user .position {
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (max-width: 767.98px) {
    .cases-page .review-section .review-card .info .user {
        background-color: rgba(255, 255, 255, .5)
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .review-section .review-card .info .user {
        padding: 20px
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .review-section {
        margin-top: 20px
    }
}

.cases-page .conclusion-section {
    margin: 30px 0
}

.cases-page .conclusion-section .data {
    display: flex
}

.cases-page .conclusion-section .data .main {
    width: 100%;
    background-color: #fff;
    padding: 30px
}

.cases-page .conclusion-section .data .main .title {
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px
}

@media screen and (max-width: 767.98px) {
    .cases-page .conclusion-section .data .main .title {
        font-size: 22px;
        line-height: 22px
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .conclusion-section .data .main .title {
        font-size: 20px;
        line-height: 20px
    }
}

.cases-page .conclusion-section .data .main .text {
    color: #474747;
    font-family: "Open Sans", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

@media screen and (max-width: 575.98px) {
    .cases-page .conclusion-section .data .main .text {
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .conclusion-section .data .main {
        padding: 20px
    }
}

.cases-page .conclusion-section .data .additional {
    width: 380px;
    min-width: 380px;
    background-color: #0938de;
    padding: 30px
}

.cases-page .conclusion-section .data .additional .subtitle {
    display: flex;
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 20px
}

@media screen and (max-width: 1199.98px) {
    .cases-page .conclusion-section .data .additional {
        width: 310px;
        min-width: 310px
    }
}

@media screen and (max-width: 991.98px) {
    .cases-page .conclusion-section .data .additional {
        width: 240px;
        min-width: 240px
    }
}

@media screen and (max-width: 767.98px) {
    .cases-page .conclusion-section .data .additional {
        width: 100%;
        min-width: 100%
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .conclusion-section .data .additional {
        padding: 20px
    }
}

@media screen and (max-width: 767.98px) {
    .cases-page .conclusion-section .data {
        flex-direction: column
    }
}

@media screen and (max-width: 767.98px) {
    .cases-page .conclusion-section {
        margin-bottom: 0
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .conclusion-section {
        margin-top: 20px
    }
}

.cases-page .recent-cases-section {
    margin-bottom: 60px;
    margin-top: 0
}

.cases-page .recent-cases-section .recent-cases-section-container {
    padding: 0 30px
}

@media screen and (max-width: 767.98px) {
    .cases-page .recent-cases-section .recent-cases-section-container {
        padding: 0
    }
}

.cases-page .recent-cases-section .recent-posts-btn {
    margin-top: 20px;
    width: fit-content
}

@media screen and (max-width: 575.98px) {
    .cases-page .recent-cases-section .recent-posts-btn {
        width: 100%;
        justify-content: center;
        display: flex
    }
}

.cases-page .recent-cases-section .section-title {
    color: #231f20;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px
}

@media screen and (max-width: 767.98px) {
    .cases-page .recent-cases-section .section-title {
        font-size: 22px;
        line-height: 22px
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .recent-cases-section .section-title {
        font-size: 20px;
        line-height: 20px
    }
}

@media screen and (max-width: 991.98px) {
    .cases-page .recent-cases-section .cases-list-item {
        display: flex;
        flex-direction: row
    }

    .cases-page .recent-cases-section .cases-list-item .content, .cases-page .recent-cases-section .cases-list-item .image {
        width: 50%
    }

    .cases-page .recent-cases-section .cases-list-item .description {
        display: none
    }
}

@media screen and (max-width: 767.98px) {
    .cases-page .recent-cases-section .cases-list-item {
        display: flex;
        flex-direction: column
    }

    .cases-page .recent-cases-section .cases-list-item .content, .cases-page .recent-cases-section .cases-list-item .image {
        width: 100%
    }

    .cases-page .recent-cases-section .cases-list-item .content {
        padding: 20px 30px 30px
    }

    .cases-page .recent-cases-section .cases-list-item .image {
        height: 300px
    }

    .cases-page .recent-cases-section .cases-list-item .description {
        display: unset
    }
}

@media screen and (max-width: 575.98px) {
    .cases-page .recent-cases-section .cases-list-item .image {
        height: 190px
    }

    .cases-page .recent-cases-section .cases-list-item .content {
        padding: 20px
    }
}

@media screen and (max-width: 991.98px) {
    .cases-page .recent-cases-section {
        margin-top: 30px;
        margin-bottom: 60px
    }
}

@media screen and (max-width: 767.98px) {
    .cases-page .recent-cases-section {
        margin-top: 0;
        margin-bottom: 30px
    }
}

.swagger-ui {
    margin-bottom: 60px
}

.swagger-ui * {
    box-shadow: none !important
}

.swagger-ui [aria-expanded]::after {
    content: none !important
}

.swagger-ui a, .swagger-ui button {
    outline: 0 !important
}

.swagger-ui .scheme-container {
    background: 0 0 !important;
    padding: 0 !important
}

@media (max-width: 767.98px) {
    .swagger-ui {
        margin-bottom: 40px
    }
}

@media (max-width: 575.98px) {
    .swagger-ui {
        margin-bottom: 20px
    }

    .swagger-ui .wrapper {
        padding: 0 !important
    }
}

.plan-types-card {
    background-color: #fff;
    padding: 30px;
    display: flex;
    height: 100%
}

.plan-types-card .data {
    display: flex;
    flex-direction: column;
    padding-right: 30px
}

.plan-types-card .data .desc, .plan-types-card .data .title {
    margin-bottom: 20px
}

.plan-types-card .data .controls {
    display: flex;
    align-items: center;
    margin-top: auto
}

.plan-types-card .data .controls .price {
    display: flex;
    flex-direction: column;
    margin-left: 20px
}

.plan-types-card .data .controls .price .option {
    margin-bottom: 5px
}

.plan-types-card .image {
    width: 130px;
    min-width: 130px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto
}

.plan-types-card .icon {
    margin-bottom: 20px;
    height: 40px;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@media (max-width: 575.98px) {
    .plan-types-card {
        padding: 20px
    }

    .plan-types-card .data {
        padding: 0
    }

    .plan-types-card .image {
        display: none
    }
}

.other-plan-types-section {
    background: #f7f7f7;
    padding: 30px 0;
    margin-bottom: 30px;
    min-height: 18rem
}

.other-plan-types-section .head {
    padding: 30px 30px 0
}

.other-plan-types-section .col, .other-plan-types-section .ish--col {
    margin-top: 30px
}

.other-plan-types-section.usage {
    background: rgba(35, 31, 32, .05)
}

.other-plan-types-section.usage .ish--row, .other-plan-types-section.usage .row {
    margin-top: -10px;
    margin-bottom: 30px
}

.other-plan-types-section.contained .head {
    padding: 0
}

.other-plan-types-section.contained .ish--row, .other-plan-types-section.contained .row {
    margin-bottom: -5px;
    margin-top: -5px
}

.other-plan-types-section.static {
    background: rgba(35, 31, 32, .05)
}

@media (max-width: 767.98px) {
    .other-plan-types-section {
        padding-top: 0
    }

    .other-plan-types-section .col, .other-plan-types-section .ish--col {
        margin-top: 20px
    }

    .other-plan-types-section.usage .ish--row, .other-plan-types-section.usage .row {
        margin-top: 0;
        margin-bottom: 20px
    }

    .other-plan-types-section.contained.usage .ish--row, .other-plan-types-section.contained.usage .row {
        margin-top: -5px;
        margin-bottom: -5px
    }
}

@media (max-width: 575.98px) {
    .other-plan-types-section {
        padding: 20px 0;
        margin-bottom: 20px
    }

    .other-plan-types-section .head {
        padding: 0
    }
}

.other-plan-types-section.blocks {
    background: 0 0
}

.other-plan-types-section.blocks .head {
    background: #fff;
    padding: 30px 30px 20px
}

.other-plan-types-section.blocks .ish--row, .other-plan-types-section.blocks .row {
    margin-left: -.5px;
    margin-right: -.5px
}

.other-plan-types-section.blocks .ish--row > *, .other-plan-types-section.blocks .row > * {
    padding-right: .5px;
    padding-left: .5px;
    margin-top: 1px
}

@media (max-width: 575.98px) {
    .other-plan-types-section.blocks .head {
        padding: 20px
    }
}

.use-with-plans-section .other-plan-types-section {
    margin-bottom: 0
}

@media (max-width: 991.98px) {
    .use-with-plans-section .other-plan-types-section .container, .use-with-plans-section .other-plan-types-section .ish--grid {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media (max-width: 575.98px) {
    .use-with-plans-section .other-plan-types-section .container, .use-with-plans-section .other-plan-types-section .ish--grid {
        padding-right: 20px;
        padding-left: 20px
    }
}

.use-with-plans-section .h2 {
    display: flex;
    margin-bottom: 20px
}

.use-with-plans-section .plans-type {
    margin-top: 30px
}

.use-with-plans-section .plans-type .col, .use-with-plans-section .plans-type .ish--col {
    padding-bottom: 30px
}

@media (max-width: 767.98px) {
    .use-with-plans-section .plans-type .col, .use-with-plans-section .plans-type .ish--col {
        padding-bottom: 20px
    }

    .use-with-plans-section .plans-type .col:last-child, .use-with-plans-section .plans-type .ish--col:last-child {
        padding-bottom: 0
    }
}

.use-with-plans-section .ish--row, .use-with-plans-section .row {
    margin: -5px
}

.use-with-plans-section .ish--row [class^=col-], .use-with-plans-section .row [class^=col-] {
    padding: 5px;
    margin-top: 0
}

.advantages-small-section {
    background: #f7f7f7;
    padding: 30px 0;
    min-height: 6.5rem
}

.advantages-small-section .advantages {
    margin: 0
}

.advantages-small-section .advantages .card {
    position: relative
}

.advantages-small-section .advantages .card .ish--tooltip__trigger {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.advantages-small-section .advantages .card .ish--tooltip__trigger svg {
    margin: 0;
    min-height: unset;
    min-width: unset
}

.advantages-small-section .advantage-card {
    padding: 30px;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 1.1428571429rem;
    line-height: 1.5714285714rem;
    color: #474747;
    height: 100%;
    position: relative
}

.advantages-small-section .advantage-card .image {
    margin-right: 20px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.advantages-small-section .advantage-card .ish--tooltip__trigger {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.advantages-small-section .advantage-card .ish--tooltip__trigger svg {
    margin: 0
}


@media (max-width: 767.98px) {
    .advantages-small-section .advantage-card {
        padding: 20px
    }
}

@media (max-width: 575.98px) {
    .advantages-small-section .advantage-card {
        font-size: 1rem;
        line-height: 1.4285714286rem
    }

    .advantages-small-section .advantage-card br {
        display: none
    }
}

@media (max-width: 991.98px) {
    .advantages-small-section {
        min-height: 13rem
    }
}

@media (max-width: 767.98px) {
    .advantages-small-section {
        min-height: 10rem
    }
}

@media (max-width: 575.98px) {
    .advantages-small-section {
        min-height: 20rem;
        padding: 20px 0
    }
}

.advantages-big-section {
    background: #f7f7f7;
    padding: 30px 0;
    min-height: 27rem
}

.advantages-big-section .arrow-icon {
    margin-right: 5px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px
}

@media screen and (max-width: 575.98px) {
    .advantages-big-section .arrow-icon {
        width: 1.1428571429rem;
        min-width: 1.1428571429rem;
        height: 1.1428571429rem;
        min-height: 1.1428571429rem
    }
}

.advantages-big-section .advantages-head {
    padding: 30px 30px 20px;
    background: #fff;
    margin-bottom: 1px
}

.advantages-big-section .advantages-head h2, .advantages-big-section .advantages-head h3 {
    max-width: 640px
}

.advantages-big-section .advantages-head h3 {
    margin-bottom: 20px
}

.advantages-big-section .advantages-head p {
    margin-top: 20px;
    max-width: 640px
}

.advantages-big-section .advantages-head .head-icon {
    margin-bottom: 20px
}

.advantages-big-section .advantages-head .controls {
    margin-top: 20px;
    display: flex
}

.advantages-big-section .advantages-head .controls a {
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.advantages-big-section .advantages-head .controls a:last-child {
    margin-right: 0
}

@media screen and (max-width: 767.98px) {
    .advantages-big-section .advantages-head .controls {
        flex-direction: column
    }

    .advantages-big-section .advantages-head .controls a {
        margin-right: 0;
        margin-bottom: 5px
    }

    .advantages-big-section .advantages-head .controls a:last-child {
        margin-right: 0;
        margin-bottom: 0
    }
}

.advantages-big-section .advantages-head .title {
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 575.98px) {
    .advantages-big-section .advantages-head {
        padding: 20px
    }

    .advantages-big-section .advantages-head .title {
        flex-direction: row;
        align-items: center
    }

    .advantages-big-section .advantages-head .title .head-icon {
        margin-bottom: 0;
        margin-right: 20px
    }
}

.advantages-big-section .advantages .head-icon {
    height: 40px;
    width: 40px;
    min-height: 40px;
    min-width: 40px;
    background-size: 100% 100%;
    display: block
}

.advantages-big-section .advantages .ish--row, .advantages-big-section .advantages .row {
    margin: -.5px
}

.advantages-big-section .advantages .animation.ish--row, .advantages-big-section .advantages .row.animation {
    transition: opacity .3s ease-in-out
}

.advantages-big-section .advantages .row.show, .advantages-big-section .advantages .show.ish--row {
    opacity: 1
}

.advantages-big-section .advantages .hide.ish--row, .advantages-big-section .advantages .row.hide {
    opacity: 0
}

.advantages-big-section .advantages .ish--row .col, .advantages-big-section .advantages .ish--row .ish--col, .advantages-big-section .advantages .ish--row [class^=col-], .advantages-big-section .advantages .row .col, .advantages-big-section .advantages .row .ish--col, .advantages-big-section .advantages .row [class^=col-] {
    padding: .5px
}

.advantages-big-section .advantages .adv {
    padding: 20px 30px;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column
}

.advantages-big-section .advantages .adv-head {
    display: flex;
    flex-direction: column
}

.advantages-big-section .advantages .adv .head-icon {
    margin-bottom: 20px
}


.advantages-big-section .advantages .adv a:not(.ish--btn) {
    color: #369;
    transition: color .3s ease-in-out
}

.advantages-big-section .advantages .adv a:not(.ish--btn):hover {
    color: #1f5080
}

.advantages-big-section .advantages .adv p {
    max-width: 640px;
    margin-top: 20px;
    word-break: break-word
}

.advantages-big-section .advantages .adv p .ish--link {
    font-size: inherit;
    line-height: inherit
}

.advantages-big-section .advantages .adv .icons {
    display: flex;
    margin-top: 20px
}

.advantages-big-section .advantages .adv .icons .icon-item {
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    margin-bottom: 0
}

.advantages-big-section .advantages .adv .icons .icon-item:last-child {
    margin-right: 0
}

.advantages-big-section .advantages .adv .icons ~ p {
    margin-top: 20px
}

.advantages-big-section .advantages .adv.last {
    padding: 20px 30px 30px
}

@media (max-width: 575.98px) {
    .advantages-big-section .advantages .adv.last {
        padding: 20px
    }
}

@media (max-width: 575.98px) {
    .advantages-big-section .advantages .adv {
        padding: 20px
    }

    .advantages-big-section .advantages .adv-head {
        flex-direction: row;
        align-items: center;
        margin-bottom: 0
    }

    .advantages-big-section .advantages .adv-head .head-icon {
        margin-bottom: 0;
        margin-right: 20px;
        width: 40px;
        min-width: 40px;
        height: 40px
    }
}

@media (max-width: 767.98px) {
    .advantages-big-section .advantages [class^=col-md] .adv.last {
        padding-bottom: 20px
    }

    .advantages-big-section .advantages [class^=col-md]:last-of-type .adv.last {
        padding-bottom: 30px
    }
}

.advantages-big-section .advantages .stats-item {
    padding: 20px;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column
}

.advantages-big-section .advantages .stats-item-value {
    margin-bottom: 0;
    display: flex;
    align-items: center
}

.advantages-big-section .advantages .stats-item-title {
    font-style: normal;
    font-weight: 500;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem;
    letter-spacing: 0;
    color: #474747;
    font-stretch: normal;
    color: #474747;
    font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
    vertical-align: baseline
}

@media (max-width: 575.98px) {
    .advantages-big-section .advantages .stats-item-title {
        font-size: 1rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) {
    .advantages-big-section .advantages .stats-item-title {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width: 575.98px) {
    .advantages-big-section .advantages .stats-item-value {
        font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
        font-size: 1.7142857143rem;
        line-height: 1.7142857143rem;
        font-weight: 600;
        letter-spacing: 0;
        color: #231f20
    }
}

@media (max-width: 575.98px) and (max-width: 767.98px) {
    .advantages-big-section .advantages .stats-item-value {
        font-size: 1.5714285714rem;
        line-height: 1.5714285714rem
    }
}

@media (max-width: 575.98px) and (max-width: 575.98px) {
    .advantages-big-section .advantages .stats-item-value {
        font-size: 1.4285714286rem;
        line-height: 1.4285714286rem
    }
}

@media (min-width: 576px) {
    .advantages-big-section .advantages .stats-item {
        padding: 20px 30px 30px
    }

    .advantages-big-section .advantages .stats-item-value {
        font-family: Whitney, "Noto Sans", "Trebuchet MS", sans-serif;
        font-weight: 600;
        letter-spacing: 0;
        font-size: 2.8571428571rem;
        line-height: 3.4285714286rem;
        color: #231f20
    }
}

.advantages-big-section .advantages a:not(.ish--btn) {
    color: #369;
    transition: color .3s ease-in-out
}

.advantages-big-section .advantages a:not(.ish--btn):hover {
    color: #1f5080
}

.advantages-big-section .ish--tabs__nav {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column
}

.advantages-big-section .ish--tabs__nav-item {
    display: flex;
    margin-bottom: 5px;
    margin-right: 1px
}

.advantages-big-section .ish--tabs__nav-item:first-child a, .advantages-big-section .ish--tabs__nav-item:first-child button {
    border-radius: 3px 0 0 3px
}

.advantages-big-section .ish--tabs__nav-item:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.advantages-big-section .ish--tabs__nav-item:last-child a, .advantages-big-section .ish--tabs__nav-item:last-child button {
    border-radius: 0 3px 3px 0
}

.advantages-big-section .ish--tabs__nav-item--selected .ish--tabs__nav-link {
    background-color: #474747;
    color: #fff;
    pointer-events: none
}

@media screen and (max-width: 575.98px) {
    .advantages-big-section .ish--tabs__nav-item {
        margin-bottom: 1px;
        margin-right: 0
    }

    .advantages-big-section .ish--tabs__nav-item button {
        border-radius: 0
    }

    .advantages-big-section .ish--tabs__nav-item:first-child button {
        border-radius: 3px 3px 0 0
    }

    .advantages-big-section .ish--tabs__nav-item:last-child button {
        border-radius: 0 0 3px 3px
    }
}

.advantages-big-section .ish--tabs__nav-link {
    font-size: 1rem;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: normal;
    color: #fff;
    font-size: 1.1428571429rem;
    border: none;
    border-radius: 3px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, .1);
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    cursor: pointer;
    min-height: 40px;
    font-size: 1rem;
    text-transform: uppercase;
    background-color: rgba(71, 71, 71, .1);
    color: #231f20;
    text-align: center;
    width: 100%
}

.advantages-big-section .ish--tabs__nav-link:hover {
    background: rgba(255, 255, 255, .3)
}

.advantages-big-section .ish--tabs__nav-link:hover {
    background-color: rgba(71, 71, 71, .3)
}

@media screen and (min-width: 576px) {
    .advantages-big-section .ish--tabs__nav {
        flex-direction: row
    }

    .advantages-big-section .ish--tabs__nav-item {
        margin-bottom: 0
    }

    .advantages-big-section .ish--tabs__nav-link {
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .advantages-big-section .ish--tabs__nav {
        flex-direction: row
    }

    .advantages-big-section .ish--tabs__nav-link {
        width: auto
    }
}

.advantages-big-section.nested .container, .advantages-big-section.nested .ish--grid {
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width: 575.98px) {
    .advantages-big-section {
        padding: 20px 0
    }
}

.info-os-section {
    background: #f7f7f7;
    padding: 30px 0
}

.info-os-section .advantages {
    background: #fff
}

.info-os-section .advantages-head {
    padding: 30px 30px 20px
}

@media screen and (max-width: 575.98px) {
    .info-os-section .advantages-head {
        padding: 20px
    }
}

.info-os-section .advantages-body {
    padding: 0 30px 30px 30px
}

.info-os-section .advantages-body .col.info .desc, .info-os-section .advantages-body .info.ish--col .desc {
    max-width: 560px
}

.info-os-section .advantages-body .col.image, .info-os-section .advantages-body .image.ish--col {
    width: 50%;
    max-width: 390px
}

.info-os-section .advantages-body .col.image .image-container, .info-os-section .advantages-body .image.ish--col .image-container {
    height: 100%
}

.info-os-section .advantages-body .col.image .image-container .image, .info-os-section .advantages-body .image.ish--col .image-container .image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center
}


@media (max-width: 991.98px) {
    .info-os-section .advantages-body .col.image, .info-os-section .advantages-body .image.ish--col {
        max-width: 334px
    }
}

@media (max-width: 767.98px) {
    .info-os-section .advantages-body .col.image, .info-os-section .advantages-body .image.ish--col {
        display: none
    }
}

.info-os-section .advantages-body p {
    margin-bottom: 20px
}

.info-os-section .advantages-body p:last-of-type {
    margin-bottom: 0
}

.info-os-section .advantages-body .feature {
    padding: 20px 0;
    border-top: 1px solid rgba(71, 71, 71, .1)
}

.info-os-section .advantages-body .feature:last-of-type {
    padding-bottom: 0
}

.info-os-section .advantages-body .feature-list {
    margin-top: 20px;
    list-style: none
}

.info-os-section .advantages-body .feature span {
    color: #231f20;
    display: inline-block;
    padding-left: 30px
}

@media screen and (max-width: 575.98px) {
    .info-os-section .advantages-body {
        padding: 0 20px 20px 20px
    }
}

.pointer-events-escape {
    pointer-events: none
}

.cursor-pointer {
    cursor: pointer
}

@keyframes progress {
    from {
        transform: translate(-100%, 0)
    }
    to {
        transform: translate(100%, 0)
    }
}

.nuxt-progress {
    background: #0938de !important;
    height: .25rem;
    position: fixed;
    z-index: 100000;
    width: 100%;
    animation: progress 1s infinite
}


.info-banner {
    background-color: #f4f8ff;
    padding: 10px 20px;
    text-align: center;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #d1e0ff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    overflow-x: auto;
    white-space: nowrap;
}

.info-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    line-height: 1.6; /* 设置行高 */
}

.info-item a {
    display: inline-flex;
    align-items: center;
    color: #1a3dc1;
    text-decoration: none;
    transition: color 0.3s;
    font-size: 14px;
}

.info-item a:hover {
    color: #0056d6;
}

.animated-icon {
    margin-right: 6px;
    width: 12px;
    height: 12px;
}

/* 分隔符美化 */
.sep {
    color: #888;
    font-weight: bold;
}

/* 动画效果 */
@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
[data-anim="rotate"] {
    animation: rotate 2s linear infinite;
}

@keyframes scale {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}
[data-anim="scale"] {
    animation: scale 1.5s ease-in-out infinite;
}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}
[data-anim="bounce"] {
    animation: bounce 1.5s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.15); opacity: 0.85; }
}
[data-anim="pulse"] {
    animation: pulse 2.2s ease-in-out infinite;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-2px); }
    75% { transform: translateX(2px); }
}
[data-anim="shake"] {
    animation: shake 0.8s ease-in-out infinite;
}