.button_tariff_info {
    width: 10em;
}

#tariff_info_block_yes {
    margin-right: 2em;
}

.plans_offers {
    text-align: center;
    margin-bottom: 40px;
}

.plans_offers > h2 {
    display: inline-block;
    position: relative;
}

.plans_offers > h2:before, .plans_offers > h2:after {
    display: block;
    content: '';
    width: 30px;
    position: absolute;
    border-bottom: 1px solid #0086e4;
    opacity: .4;
    top: 0.68em;
    left: -56px;
}

.plans_offers > h2:after {
    left: auto;
    right: -56px;
}

.plans_offers .article-link {
    margin-top: 0px;
}

.plans_offers .lnd-s_main-desc {
    font-size: 16px;
    margin-bottom: 10px;
}

.plans_offers .lnd-s_main-desc, .plans_offers .article-link, .plans_offers .article-link:hover {
    color: #0086e4;
}

.vps-plans_special_offers .custom-plan-itm:before {
    position: absolute;
    display: block;
    content: '';
    width: 32px;
    height: 32px;
    top: 10px;
    right: 10px;
    background: url(/assets/common/img/icons/sale.ico);
    background-size: cover;
    z-index: 1;
}

.vps-tab_header {
    position: relative;
}

.vps-tab_header .lnd-s__plan-list {
    z-index: 2;
}

.vps-tab_header .lnd__underrow {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
}

.lnd__preload .loader-circle{
    background-image: url(/assets/themes/standart/img/any/loading.gif);
}

[data-tab_content="configurator"] {
    position: relative;
}

.lnd-s_main-desc {
    font-size: 15px;
    line-height: 30px;
    color: #a0d8ff;
    display: block;
}

.article-link {
    display: block;
    margin-bottom: 20px;
}

.lnd__tabs-container {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.lnd__tabs {
    width: 960px;
    display: flex;
}

.lnd__tabs ul {
    width: 100%;
    display: flex;
}

.lnd__tabs li {
    all: unset;
    width: 50%;
    text-align: center;
    color: #787e8c;
    background: #ffffff;
    font-size: 20px;
    -webkit-box-shadow: 0 4px 31px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 4px 31px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 31px 0 rgb(0 0 0 / 10%);
    cursor: pointer;
}

.lnd__tabs a:hover, .lnd__tabs a:visited, .lnd__tabs a:active, .lnd__tabs a:link {
    all: unset;
}

.lnd__tabs [data-tab_target] {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
}

.lnd__tabs [data-tab_target].active {
    background: #0086e4;
}

.lnd__tabs [data-tab_target].active a {
    color: #fff !important;
}

[data-tab_content]:not(.active) {
    display: none;
}

[data-tab_content="plans"] .lnd-s__plan-list {
    top: 0;
    box-shadow: 0 4px 31px 0 rgb(0 0 0 / 10%);
    margin-bottom: 0;
}

[data-tab_content="plans"] .promo-tariff {
    margin: 40px auto;
}
.lnd__features-list .container.white_back {
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.lnd__features-list .container.white_back h3 {
    margin-top: 0;
}

.panel-collapse {
    margin-top: 15px;
}

.lnd__preload {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #00000070;
    z-index: 3;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lnd__preload .loader-circle{
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
}

/* VPS order page */

/* custom1 tariff */
#base-plan-form .custom-plan-itm:nth-child(8n+1) a:hover::before {
    border-color: #3bbd53;
}

#base-plan-form .custom-plan-itm:nth-child(8n+1) h2 {
    color: #47ad5a;
}

#base-plan-form .custom-plan-itm:nth-child(8n+1) button {
    background: #3bbd53;
}

#base-plan-form .custom-plan-itm.active:nth-child(8n+1) a {
    background: #47ad5a;
}

#base-plan-form .custom-plan-itm.active:nth-child(8n+1) button {
    background: #309a43;
    color: #47ad5a;
}

/* custom2 tariff */
#base-plan-form .custom-plan-itm:nth-child(8n+2) a:hover::before {
    border-color: #00b19a;
}

#base-plan-form .custom-plan-itm:nth-child(8n+2) h2 {
    color: #00b19a;
}

#base-plan-form .custom-plan-itm:nth-child(8n+2) button {
    background: #00b19a;
}

#base-plan-form .custom-plan-itm.active:nth-child(8n+2) a {
    background: #00b19a;
}

#base-plan-form .custom-plan-itm.active:nth-child(8n+2) button {
    background: #019683;
    color: #00b19a;
}

/* custom3 tariff */
#base-plan-form .custom-plan-itm:nth-child(8n+3) a:hover::before {
    border-color: #1477c9;
}

#base-plan-form .custom-plan-itm:nth-child(8n+3) h2 {
    color: #1477c9;
}

#base-plan-form .custom-plan-itm:nth-child(8n+3) button {
    background: #1477c9;
}

#base-plan-form .custom-plan-itm.active:nth-child(8n+3) a {
    background: #1477c9;
}

#base-plan-form .custom-plan-itm.active:nth-child(8n+3) button {
    background: #005ca9;
    color: #1477c9;
}

/* end VPS order page */

/* custom1 tariff */
.custom-plan-itm:nth-child(8n+1) a:hover::before {
    border-color: rgb(150, 0, 106);
}

.custom-plan-itm:nth-child(8n+1) h2 {
    color: rgb(150, 0, 106);
}

.custom-plan-itm:nth-child(8n+1) button {
    background: rgb(150, 0, 106);
}

.custom-plan-itm.active:nth-child(8n+1) a {
    background: #47ad5a;
}

.custom-plan-itm.active:nth-child(8n+1) button {
    background: #309a43;
    color: #47ad5a;
}

/* custom2 tariff */
.custom-plan-itm:nth-child(8n+2) a:hover::before {
    border-color: rgb(210, 0, 0);
}

.custom-plan-itm:nth-child(8n+2) h2 {
    color: rgb(210, 0, 0);
}

.custom-plan-itm:nth-child(8n+2) button {
    background: rgba(210, 0, 0);
}

.custom-plan-itm.active:nth-child(8n+2) a {
    background: #00b19a;
}

.custom-plan-itm.active:nth-child(8n+2) button {
    background: #019683;
    color: #00b19a;
}

/* custom3 tariff */
.custom-plan-itm:nth-child(8n+3) a:hover::before {
    border-color: rgb(209, 32, 83);
}

.custom-plan-itm:nth-child(8n+3) h2 {
    color: rgb(209, 32, 83);
}

.custom-plan-itm:nth-child(8n+3) button {
    background: rgb(209, 32, 83);
}

.custom-plan-itm.active:nth-child(8n+3) a {
    background: #1477c9;
}

.custom-plan-itm.active:nth-child(8n+3) button {
    background: #005ca9;
    color: #1477c9;
}

/* custom4 tariff */
.custom-plan-itm:nth-child(8n+4) a:hover::before {
    border-color: rgb(179, 199, 53);
}

.custom-plan-itm:nth-child(8n+4) h2 {
    color: rgb(179, 199, 53);
}

.custom-plan-itm:nth-child(8n+4) button {
    background: rgb(179, 199, 53);
}

.custom-plan-itm.active:nth-child(8n+4) a {
    background: rgb(179, 199, 53);
}

.custom-plan-itm.active:nth-child(8n+4) button {
    background: #9dac35;
    color: rgb(179, 199, 53);
}

/* custom5 tariff */
.custom-plan-itm:nth-child(8n+5) a:hover::before {
    border-color: rgb(0, 126, 155);
}

.custom-plan-itm:nth-child(8n+5) h2 {
    color: rgb(0, 126, 155);
}

.custom-plan-itm:nth-child(8n+5) button {
    background: rgb(0, 126, 155);
}

.custom-plan-itm.active:nth-child(8n+5) a {
    background: rgb(0, 126, 155);
}

.custom-plan-itm.active:nth-child(8n+5) button {
    background: #04687e;
    color: rgb(0, 126, 155);
}

/* custom6 tariff */
.custom-plan-itm:nth-child(8n+6) a:hover::before {
    border-color: rgb(62, 19, 132);
}

.custom-plan-itm:nth-child(8n+6) h2 {
    color: rgb(62, 19, 132);
}

.custom-plan-itm:nth-child(8n+6) button {
    background: rgb(62, 19, 132);
}

.custom-plan-itm.active:nth-child(8n+6) a {
    background: rgb(62, 19, 132);
}

.custom-plan-itm.active:nth-child(8n+6) button {
    background: #33156f;
    color: rgb(62, 19, 132);
}

/* custom7 tariff */
.custom-plan-itm:nth-child(8n+7) a:hover::before {
    border-color: rgb(208, 176, 23);
}

.custom-plan-itm:nth-child(8n+7) h2 {
    color: rgb(208, 176, 23);
}

.custom-plan-itm:nth-child(8n+7) button {
    background: rgb(208, 176, 23);
}

.custom-plan-itm.active:nth-child(8n+7) a {
    background: rgb(208, 176, 23);
}

.custom-plan-itm.active:nth-child(8n+7) button {
    background: #b39429;
    color: rgb(208, 176, 23);
}

/* custom8 tariff */
.custom-plan-itm:nth-child(8n+8) a:hover::before {
    border-color: rgb(214, 89, 17);
}

.custom-plan-itm:nth-child(8n+8) h2 {
    color: rgb(214, 89, 17);
}

.custom-plan-itm:nth-child(8n+8) button {
    background: rgb(214, 89, 17);
}

.custom-plan-itm.active:nth-child(8n+8) a {
    background: rgb(214, 89, 17);
}

.custom-plan-itm.active:nth-child(8n+8) button {
    background: #bf4b17;
    color: rgb(214, 89, 17);
}

#base-plan-form .custom-plan-itm.promo-itm a:hover::before {
    border-color: rgb(255, 94, 0);
}

#base-plan-form .custom-plan-itm.promo-itm h2 {
    color: rgb(255, 94, 0);
}

#base-plan-form .custom-plan-itm.promo-itm button {
    background: rgb(255, 94, 0);
}

.close-button_right_button {
    position: absolute;
    right: 20px;
    top: -5px;
    cursor: pointer;
    z-index: 8;
    width: 30px;
    height: 30px
}

.close-button_right_button:before,
.close-button_right_button:after {
    content: ' ';
    position: absolute;
    width: 24px;
    height: 2px;
    background: #0086e4;
    display: inline-block;
    left: 4px;
    top: 14px;
    transform: rotate(45deg)
}

.close-button_right_button:after {
    transform: rotate(-45deg)
}

/* END CUSTOM TARIFS */
@media (max-width: 767px) {
    .plans_offers {
        overflow: hidden;
    }
}